@bearmenu/ui 0.5.1 → 0.6.0

package/src/globals.css

@@ -26,25 +26,6 @@ h6 {
   transform: translateZ(0);
 }
 
-/* Dynamic tab content - auto-sizes to tallest content */
-.tab-content-container {
-  display: grid;
-  grid-template-rows: 1fr;
-}
-
-.tab-content-container > * {
-  grid-row: 1;
-  grid-column: 1;
-  opacity: 0;
-  pointer-events: none;
-  transition: opacity 0.2s ease;
-}
-
-.tab-content-container > [data-state="active"] {
-  opacity: 1;
-  pointer-events: auto;
-}
-
 :root {
   /* Safe area insets for PWA/iOS notch support */
   --sat: env(safe-area-inset-top);
@@ -93,6 +74,45 @@ h6 {
   --success-foreground: oklch(0.985 0 0);
   --warning: oklch(0.72 0.18 68);
   --warning-foreground: oklch(0.18 0.04 45);
+
+  /* Brown variant — replaces hardcoded #482E1F across button/badge */
+  --brown: oklch(0.31 0.05 45);
+  --brown-foreground: oklch(0.985 0 0);
+
+  /* Shadow tokens — color + per-step alpha (themed in .dark) */
+  --shadow-color: 0 0% 0%;
+  --shadow-alpha-2xs: 0.05;
+  --shadow-alpha-xs: 0.08;
+  --shadow-alpha-sm: 0.1;
+  --shadow-alpha-md: 0.12;
+  --shadow-alpha-lg: 0.15;
+  --shadow-alpha-xl: 0.18;
+  --shadow-alpha-2xl: 0.25;
+
+  /* Motion */
+  --duration-instant: 0ms;
+  --duration-fast: 150ms;
+  --duration-base: 200ms;
+  --duration-slow: 300ms;
+  --duration-slower: 500ms;
+  --duration-drawer: 350ms;
+  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
+  --ease-in: cubic-bezier(0.7, 0, 0.84, 0);
+  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
+  --ease-drawer: cubic-bezier(0.32, 0.72, 0, 1);
+  --ease-spring: cubic-bezier(0.5, 1.5, 0.5, 1);
+
+  /* Z-index scale */
+  --z-base: 0;
+  --z-sticky: 100;
+  --z-fixed: 200;
+  --z-overlay: 800;
+  --z-drawer: 900;
+  --z-modal: 1000;
+  --z-popover: 1100;
+  --z-dropdown: 1200;
+  --z-tooltip: 1300;
+  --z-toast: 1400;
 }
 
 .dark {
@@ -110,7 +130,8 @@ h6 {
   --muted-foreground: oklch(0.6 0.012 60);
   --accent: oklch(0.3 0.04 50);
   --accent-foreground: oklch(0.97 0.008 60);
-  --destructive: oklch(0.396 0.141 25.723);
+  /* AA-compliant on dark surfaces but dialed back from 0.68 to soften eye strain */
+  --destructive: oklch(0.58 0.17 25.7);
   --destructive-foreground: oklch(0.985 0 0);
   --border: oklch(0.3 0.015 45);
   --input: oklch(0.3 0.015 45);
@@ -136,6 +157,18 @@ h6 {
   --success-foreground: oklch(0.985 0 0);
   --warning: oklch(0.76 0.15 68);
   --warning-foreground: oklch(0.18 0.04 45);
+
+  --brown: oklch(0.31 0.05 45);
+  --brown-foreground: oklch(0.985 0 0);
+
+  /* Heavier shadow alphas — default Tailwind tints disappear on dark surfaces */
+  --shadow-alpha-2xs: 0.25;
+  --shadow-alpha-xs: 0.3;
+  --shadow-alpha-sm: 0.35;
+  --shadow-alpha-md: 0.4;
+  --shadow-alpha-lg: 0.5;
+  --shadow-alpha-xl: 0.55;
+  --shadow-alpha-2xl: 0.65;
 }
 
 @theme inline {
@@ -165,10 +198,18 @@ h6 {
   --color-chart-3: var(--chart-3);
   --color-chart-4: var(--chart-4);
   --color-chart-5: var(--chart-5);
+  --color-brown: var(--brown);
+  --color-brown-foreground: var(--brown-foreground);
+
+  /* Radius scale */
   --radius-sm: calc(var(--radius) - 4px);
   --radius-md: calc(var(--radius) - 2px);
   --radius-lg: var(--radius);
   --radius-xl: calc(var(--radius) + 4px);
+  --radius-2xl: calc(var(--radius) + 8px);
+  --radius-3xl: calc(var(--radius) + 14px);
+  --radius-4xl: calc(var(--radius) + 22px);
+
   --color-sidebar: var(--sidebar);
   --color-sidebar-foreground: var(--sidebar-foreground);
   --color-sidebar-primary: var(--sidebar-primary);
@@ -185,6 +226,29 @@ h6 {
   --color-surface-foreground: var(--surface-foreground);
   --color-surface-2: var(--surface-2);
   --color-line-soft: var(--line-soft);
+
+  /* Theme-aware shadow utilities — override Tailwind defaults so they
+     stay visible on dark surfaces */
+  --shadow-2xs: 0 1px hsl(var(--shadow-color) / var(--shadow-alpha-2xs));
+  --shadow-xs: 0 1px 2px 0 hsl(var(--shadow-color) / var(--shadow-alpha-xs));
+  --shadow-sm:
+    0 1px 3px 0 hsl(var(--shadow-color) / var(--shadow-alpha-sm)),
+    0 1px 2px -1px hsl(var(--shadow-color) / var(--shadow-alpha-sm));
+  --shadow-md:
+    0 4px 6px -1px hsl(var(--shadow-color) / var(--shadow-alpha-md)),
+    0 2px 4px -2px hsl(var(--shadow-color) / var(--shadow-alpha-md));
+  --shadow-lg:
+    0 10px 15px -3px hsl(var(--shadow-color) / var(--shadow-alpha-lg)),
+    0 4px 6px -4px hsl(var(--shadow-color) / var(--shadow-alpha-lg));
+  --shadow-xl:
+    0 20px 25px -5px hsl(var(--shadow-color) / var(--shadow-alpha-xl)),
+    0 8px 10px -6px hsl(var(--shadow-color) / var(--shadow-alpha-xl));
+  --shadow-2xl: 0 25px 50px -12px hsl(var(--shadow-color) / var(--shadow-alpha-2xl));
+
+  /* Default transition tokens — consumed by Tailwind's `transition-*` utilities */
+  --default-transition-duration: var(--duration-base);
+  --default-transition-timing-function: var(--ease-out);
+
   --animate-highlight-ring: highlight-ring 5s ease-out forwards;
 }
 
@@ -207,41 +271,42 @@ h6 {
   }
 }
 
-/* Global glass effects — dark mode default */
-.glass {
-  background: rgba(255, 255, 255, 0.04);
-  backdrop-filter: blur(16px);
-  border: 1px solid rgba(255, 255, 255, 0.15);
-  box-shadow:
-    0 2px 8px rgba(0, 0, 0, 0.12),
-    0 1px 2px rgba(0, 0, 0, 0.06);
-}
-
-/* Light-mode: opaque background for modal surfaces (Dialog, Sheet, Drawer) */
-:root .glass[role="dialog"] {
-  background: rgba(255, 255, 255, 0.97);
-  border-color: rgba(0, 0, 0, 0.08);
-  backdrop-filter: blur(20px);
+/* Respect prefers-reduced-motion globally */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
 }
 
-.dark .glass[role="dialog"] {
-  background: rgba(255, 255, 255, 0.04);
-  border-color: rgba(255, 255, 255, 0.15);
+/* Glass surface — token-driven, works in both themes. Was previously a hardcoded
+   rgba(255,255,255,...) literal with a [role="dialog"]-only light-mode override,
+   which left ~38 non-dialog consumers invisible on light pages. */
+.glass {
+  background: color-mix(in oklch, var(--card) 55%, transparent);
+  backdrop-filter: blur(20px) saturate(180%);
+  -webkit-backdrop-filter: blur(20px) saturate(180%);
+  border: 1px solid color-mix(in oklch, var(--foreground) 14%, transparent);
+  box-shadow: var(--shadow-md);
 }
 
 .glass-hover {
   transition:
-    background-color 0.2s ease,
-    border-color 0.2s ease;
+    background-color var(--duration-base) var(--ease-out),
+    border-color var(--duration-base) var(--ease-out);
 }
 
 .glass-hover:hover {
-  background: rgba(255, 255, 255, 0.08);
-  border-color: rgba(255, 255, 255, 0.25);
+  background: color-mix(in oklch, var(--card) 70%, transparent);
+  border-color: color-mix(in oklch, var(--foreground) 24%, transparent);
 }
 
 .glass-glow {
-  box-shadow: 0 0 12px rgba(212, 175, 55, 0.15);
+  box-shadow: 0 0 12px color-mix(in oklch, var(--accent) 60%, transparent);
 }
 
 /* Scroll-to highlight pulse */
@@ -266,7 +331,7 @@ h6 {
   animation: highlight-pulse 1s ease-in-out 3;
 }
 
-/* Scrollbar styling */
+/* Scrollbar styling — token-driven, single rule covers both themes */
 ::-webkit-scrollbar {
   width: 8px;
 }
@@ -276,20 +341,12 @@ h6 {
 }
 
 ::-webkit-scrollbar-thumb {
-  background: oklch(0.7 0 0 / 0.3);
+  background: color-mix(in oklch, var(--muted-foreground) 35%, transparent);
   border-radius: 4px;
 }
 
 ::-webkit-scrollbar-thumb:hover {
-  background: oklch(0.7 0 0 / 0.5);
-}
-
-.dark ::-webkit-scrollbar-thumb {
-  background: oklch(1 0 0 / 0.1);
-}
-
-.dark ::-webkit-scrollbar-thumb:hover {
-  background: oklch(1 0 0 / 0.2);
+  background: color-mix(in oklch, var(--muted-foreground) 60%, transparent);
 }
 
 /* Hide scrollbar for horizontal carousels */
@@ -302,22 +359,17 @@ h6 {
   display: none !important;
 }
 
-/* Selection styling */
+/* Selection — themed via accent tokens (was hardcoded gold+white, 1.06:1 in light) */
 ::selection {
-  background: rgba(212, 175, 55, 0.3);
-  color: #ffffff;
+  background: color-mix(in oklch, var(--accent) 60%, transparent);
+  color: var(--accent-foreground);
 }
 
-/* Focus ring styling */
+/* Focus ring helper */
 .focus-ring {
   @apply focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background;
 }
 
-/* App Background — solid color, no gradient */
-.bg-cave-depth {
-  background: var(--background);
-}
-
 /* Highlight ring animation — used when scrolling to a specific card */
 @keyframes highlight-ring {
   0% {
@@ -355,20 +407,27 @@ h6 {
 }
 
 .animate-collapsible-down {
-  animation: collapsible-down 0.3s ease-out;
+  animation: collapsible-down var(--duration-slow) var(--ease-out);
 }
 
 .animate-collapsible-up {
-  animation: collapsible-up 0.2s ease-in;
+  animation: collapsible-up var(--duration-base) var(--ease-in);
+}
+
+/* Shimmer — referenced by Skeleton (was undefined → animation was dead) */
+@keyframes shimmer {
+  100% {
+    transform: translateX(100%);
+  }
 }
 
 /* Swiper pagination styling for experience cards */
 .swiper-pagination-bullet {
-  background: rgba(255, 255, 255, 0.3) !important;
+  background: color-mix(in oklch, var(--foreground) 30%, transparent) !important;
   opacity: 1 !important;
   width: 6px !important;
   height: 6px !important;
-  transition: all 0.3s ease !important;
+  transition: all var(--duration-slow) var(--ease-out) !important;
 }
 
 .swiper-pagination-bullet-active {
@@ -377,14 +436,6 @@ h6 {
   border-radius: 4px !important;
 }
 
-.dark .swiper-pagination-bullet {
-  background: rgba(255, 255, 255, 0.3) !important;
-}
-
-.dark .swiper-pagination-bullet-active {
-  background: var(--color-primary) !important;
-}
-
 /* Safe Area Utilities for PWA */
 .safe-top {
   padding-top: max(3rem, env(safe-area-inset-top));
@@ -402,26 +453,27 @@ h6 {
   padding-right: max(0px, env(safe-area-inset-right));
 }
 
-/* Specific for mobile header (3rem = 48px = 12 in Tailwind) */
-/* Only apply safe area padding when app is in PWA/standalone mode */
-/* @media (max-width: 768px) and (display-mode: standalone) {
-  .mobile-header-safe {
-    padding-top: calc(3rem + env(safe-area-inset-top, 0px));
-  }
-} */
-
-/* In browser mode, just use normal padding */
-/* @media (max-width: 768px) and (display-mode: browser) {
-  .mobile-header-safe {
-    padding-top: 3rem;
-  }
-} */
-
 /* For sticky header */
 .sticky-header-safe {
   top: env(safe-area-inset-top, 0);
 }
 
+/* In PWA standalone mode the sticky bar pins below the safe-area inset, leaving
+   the strip under the notch transparent. When the bar is actually stuck
+   (data-stuck="true"), extend its current background up into that strip so the
+   status bar sits over the bar's color instead of empty space.
+   Browser mode never matches `display-mode: standalone`, so this is a no-op. */
+@media (display-mode: standalone) {
+  .sticky-header-safe[data-stuck="true"]::before {
+    content: "";
+    position: absolute;
+    inset: calc(-1 * env(safe-area-inset-top, 0)) 0 auto 0;
+    height: env(safe-area-inset-top, 0);
+    background: inherit;
+    pointer-events: none;
+  }
+}
+
 /* For mobile bottom nav */
 .mobile-nav-safe {
   bottom: calc(1rem + env(safe-area-inset-bottom, 0px));

package/dist/chunk-2BMJRXQX.js

@@ -1,80 +0,0 @@
-import { useHaptic } from './chunk-R47NEOSI.js';
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
-import * as React from 'react';
-import { Slot } from '@radix-ui/react-slot';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var buttonVariants = cva(
-  "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-3xl text-sm font-medium transition-all duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 cursor-pointer [@media(pointer:coarse)]:active:scale-95",
-  {
-    variants: {
-      variant: {
-        default: "bg-primary backdrop-blur-sm text-primary-foreground shadow-lg hover:bg-primary/85 border border-primary/20 transition-colors duration-200",
-        destructive: "bg-destructive text-destructive-foreground shadow-lg hover:bg-destructive/90 hover:shadow-destructive/20 backdrop-blur-sm border border-destructive/20",
-        outline: "border border-border bg-sidebar backdrop-blur-md hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:border-sidebar-accent-foreground/20 hover:shadow-lg",
-        secondary: "bg-secondary text-secondary-foreground shadow-lg hover:bg-secondary/90 hover:shadow-secondary/20 backdrop-blur-sm border border-secondary/20",
-        ghost: "hover:bg-foreground/10 hover:text-foreground transition-colors duration-200",
-        link: "text-primary underline-offset-4 hover:underline hover:text-primary/80",
-        glass: "glass glass-hover text-foreground hover:text-accent-foreground",
-        brown: "bg-[#482E1F] text-white shadow-lg hover:bg-[#352317] hover:shadow-[#482E1F]/20 backdrop-blur-sm border border-[#482E1F]/30 transition-all duration-300",
-        antagonist: "bg-primary-foreground text-primary shadow-lg hover:bg-primary-foreground/90 hover:shadow-primary-foreground/20 backdrop-blur-sm border border-primary-foreground/20 transition-all duration-300"
-      },
-      size: {
-        default: "h-11 px-6 py-2",
-        sm: "h-9 rounded-lg px-4",
-        lg: "h-12 rounded-xl px-8",
-        icon: "h-11 w-11"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
-var Button = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      className,
-      variant,
-      size,
-      asChild = false,
-      haptic = true,
-      hapticStyle = "light",
-      onClick
-    } = _b, props = __objRest(_b, [
-      "className",
-      "variant",
-      "size",
-      "asChild",
-      "haptic",
-      "hapticStyle",
-      "onClick"
-    ]);
-    const Comp = asChild ? Slot : "button";
-    const { trigger } = useHaptic();
-    const [isMounted, setIsMounted] = React.useState(false);
-    React.useEffect(() => {
-      setIsMounted(true);
-    }, []);
-    const handleClick = (event) => {
-      if (haptic && isMounted) {
-        trigger(hapticStyle);
-      }
-      onClick == null ? void 0 : onClick(event);
-    };
-    return /* @__PURE__ */ jsx(
-      Comp,
-      __spreadValues({
-        className: cn(buttonVariants({ variant, size, className })),
-        ref,
-        onClick: handleClick
-      }, props)
-    );
-  }
-);
-Button.displayName = "Button";
-
-export { Button, buttonVariants };

package/dist/chunk-4AVS6CV4.js

@@ -1,89 +0,0 @@
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues, __spreadProps } from './chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as DialogPrimitive from '@radix-ui/react-dialog';
-import { X } from 'lucide-react';
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Overlay,
-    __spreadValues({
-      ref,
-      className: cn(
-        "fixed inset-0 z-[1000] bg-black/50 backdrop-blur-sm data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-        className
-      )
-    }, props)
-  );
-});
-DialogOverlay.displayName = DialogPrimitive.Overlay.displayName;
-var DialogContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
-  return /* @__PURE__ */ jsxs(DialogPortal, { children: [
-    /* @__PURE__ */ jsx(DialogOverlay, {}),
-    /* @__PURE__ */ jsxs(
-      DialogPrimitive.Content,
-      __spreadProps(__spreadValues({
-        ref,
-        className: cn(
-          "fixed left-[50%] top-[50%] z-[1000] grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 bg-card p-6 shadow-2xl duration-300 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 rounded-2xl border border-border",
-          className
-        )
-      }, props), {
-        children: [
-          children,
-          /* @__PURE__ */ jsxs(DialogPrimitive.Close, { className: "absolute right-4 top-4 rounded-lg opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground hover:bg-muted p-2", children: [
-            /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
-          ] })
-        ]
-      })
-    )
-  ] });
-});
-DialogContent.displayName = DialogPrimitive.Content.displayName;
-var DialogHeader = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("flex flex-col space-y-1.5 text-center sm:text-left", className) }, props));
-};
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = (_a) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    "div",
-    __spreadValues({
-      className: cn("flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2", className)
-    }, props)
-  );
-};
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Title,
-    __spreadValues({
-      ref,
-      className: cn("text-lg font-semibold leading-none tracking-tight", className)
-    }, props)
-  );
-});
-DialogTitle.displayName = DialogPrimitive.Title.displayName;
-var DialogDescription = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    DialogPrimitive.Description,
-    __spreadValues({
-      ref,
-      className: cn("text-sm text-muted-foreground", className)
-    }, props)
-  );
-});
-DialogDescription.displayName = DialogPrimitive.Description.displayName;
-
-export { Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger };

package/dist/chunk-4UO73SKC.js

@@ -1,26 +0,0 @@
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as PopoverPrimitive from '@radix-ui/react-popover';
-import { jsx } from 'react/jsx-runtime';
-
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React.forwardRef((_a, ref) => {
-  var _b = _a, { className, align = "center", sideOffset = 4 } = _b, props = __objRest(_b, ["className", "align", "sideOffset"]);
-  return /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-    PopoverPrimitive.Content,
-    __spreadValues({
-      ref,
-      align,
-      sideOffset,
-      className: cn(
-        "z-50 w-72 rounded-xl bg-cave-depth p-4 text-popover-foreground shadow-2xl outline-none 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 border border-border/50",
-        className
-      )
-    }, props)
-  ) });
-});
-PopoverContent.displayName = PopoverPrimitive.Content.displayName;
-
-export { Popover, PopoverContent, PopoverTrigger };

package/dist/chunk-CW24PLDW.js

@@ -1,24 +0,0 @@
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
-import * as React from 'react';
-import { jsx } from 'react/jsx-runtime';
-
-var Input = React.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
-    return /* @__PURE__ */ jsx(
-      "input",
-      __spreadValues({
-        type,
-        className: cn(
-          "flex h-11 w-full rounded-xl border border-border bg-input/50 backdrop-blur-md px-4 py-2 text-base transition-all duration-300 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background focus-visible:bg-input focus-visible:border-accent-foreground/30 focus-visible:shadow-lg focus-visible:shadow-accent/10 disabled:cursor-not-allowed disabled:opacity-50",
-          className
-        ),
-        ref
-      }, props)
-    );
-  }
-);
-Input.displayName = "Input";
-
-export { Input };

package/dist/chunk-IQASCH2V.js

@@ -1,25 +0,0 @@
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
-import * as React from 'react';
-import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
-import { Check } from 'lucide-react';
-import { jsx } from 'react/jsx-runtime';
-
-var Checkbox = React.forwardRef((_a, ref) => {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ jsx(
-    CheckboxPrimitive.Root,
-    __spreadProps(__spreadValues({
-      ref,
-      className: cn(
-        "peer h-5 w-5 shrink-0 rounded-md border border-border bg-background transition-all duration-200 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]:bg-primary data-[state=checked]:text-primary-foreground data-[state=checked]:border-primary data-[state=checked]:shadow-lg data-[state=checked]:shadow-primary/20 data-[state=indeterminate]:bg-primary data-[state=indeterminate]:text-primary-foreground data-[state=indeterminate]:border-primary data-[state=indeterminate]:shadow-lg data-[state=indeterminate]:shadow-primary/20 hover:border-primary/40 hover:shadow-md",
-        className
-      )
-    }, props), {
-      children: /* @__PURE__ */ jsx(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: /* @__PURE__ */ jsx(Check, { className: "h-3.5 w-3.5 animate-in zoom-in-50 duration-200" }) })
-    })
-  );
-});
-Checkbox.displayName = CheckboxPrimitive.Root.displayName;
-
-export { Checkbox };

package/dist/chunk-NKHH23YK.js

@@ -1,31 +0,0 @@
-import { cn } from './chunk-FEK5XGZW.js';
-import { __objRest, __spreadValues } from './chunk-3GWWZKX7.js';
-import { cva } from 'class-variance-authority';
-import { jsx } from 'react/jsx-runtime';
-
-var badgeVariants = cva(
-  "inline-flex items-center rounded-lg border px-2.5 py-0.5 text-xs font-semibold transition-[background-color,color,box-shadow,border-color] duration-300 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 backdrop-blur-md",
-  {
-    variants: {
-      variant: {
-        default: "border-transparent bg-primary/80 text-primary-foreground shadow-lg hover:bg-primary hover:shadow-xl hover:shadow-primary/20",
-        secondary: "border-transparent bg-secondary/80 text-secondary-foreground shadow-lg hover:bg-secondary hover:shadow-xl hover:shadow-secondary/20",
-        destructive: "border-transparent bg-destructive/80 text-destructive-foreground shadow-lg hover:bg-destructive hover:shadow-xl hover:shadow-destructive/20",
-        outline: "text-foreground glass glass-hover",
-        overlay: "border-transparent bg-black/50 text-white backdrop-blur-sm shadow-lg",
-        glass: "glass glass-hover text-foreground border-border/50",
-        success: "border-transparent bg-green-500/80 text-primary shadow-lg hover:bg-green-500 hover:shadow-xl hover:shadow-green-500/20",
-        warning: "border-transparent bg-yellow-500/80 text-primary shadow-lg hover:bg-yellow-500 hover:shadow-xl hover:shadow-yellow-500/20"
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-function Badge(_a) {
-  var _b = _a, { className, variant } = _b, props = __objRest(_b, ["className", "variant"]);
-  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn(badgeVariants({ variant }), className) }, props));
-}
-
-export { Badge, badgeVariants };