@bearmenu/ui 0.1.0 → 0.5.0

package/README.md

@@ -0,0 +1,116 @@
+# @bearmenu/ui
+
+Shared design system for BearMenu — UI tokens, primitives, and components built on Radix UI and Tailwind CSS.
+
+## Install
+
+```bash
+npm i @bearmenu/ui
+```
+
+## Setup
+
+Import the global styles in your root layout:
+
+```tsx
+import "@bearmenu/ui/globals.css";
+```
+
+## Usage
+
+```tsx
+import { Button } from "@bearmenu/ui/components/button";
+import { Card, CardHeader, CardTitle, CardContent } from "@bearmenu/ui/components/card";
+import { Input } from "@bearmenu/ui/components/input";
+```
+
+## Components
+
+| Component | Import |
+| --- | --- |
+| Accordion | `@bearmenu/ui/components/accordion` |
+| Alert | `@bearmenu/ui/components/alert` |
+| Alert Dialog | `@bearmenu/ui/components/alert-dialog` |
+| Aspect Ratio | `@bearmenu/ui/components/aspect-ratio` |
+| Avatar | `@bearmenu/ui/components/avatar` |
+| Badge | `@bearmenu/ui/components/badge` |
+| Breadcrumb | `@bearmenu/ui/components/breadcrumb` |
+| Button | `@bearmenu/ui/components/button` |
+| Calendar | `@bearmenu/ui/components/calendar` |
+| Card | `@bearmenu/ui/components/card` |
+| Carousel | `@bearmenu/ui/components/carousel` |
+| Checkbox | `@bearmenu/ui/components/checkbox` |
+| Collapsible | `@bearmenu/ui/components/collapsible` |
+| Command | `@bearmenu/ui/components/command` |
+| Currency Input | `@bearmenu/ui/components/currency-input` |
+| Dialog | `@bearmenu/ui/components/dialog` |
+| Drawer | `@bearmenu/ui/components/drawer` |
+| Dropdown Menu | `@bearmenu/ui/components/dropdown-menu` |
+| Empty State | `@bearmenu/ui/components/empty-state` |
+| Form | `@bearmenu/ui/components/form` |
+| Haptic Button | `@bearmenu/ui/components/haptic-button` |
+| Input | `@bearmenu/ui/components/input` |
+| Input OTP | `@bearmenu/ui/components/input-otp` |
+| Label | `@bearmenu/ui/components/label` |
+| Lazy Markdown | `@bearmenu/ui/components/lazy-markdown` |
+| Link Button | `@bearmenu/ui/components/link-button` |
+| Markdown Renderer | `@bearmenu/ui/components/markdown-renderer` |
+| Multi-Select Combobox | `@bearmenu/ui/components/multi-select-combobox` |
+| Pagination | `@bearmenu/ui/components/pagination` |
+| Popover | `@bearmenu/ui/components/popover` |
+| Progress | `@bearmenu/ui/components/progress` |
+| Radio Group | `@bearmenu/ui/components/radio-group` |
+| Rating | `@bearmenu/ui/components/rating` |
+| Scroll Area | `@bearmenu/ui/components/scroll-area` |
+| Search Bar | `@bearmenu/ui/components/search-bar` |
+| Searchable Select | `@bearmenu/ui/components/searchable-select` |
+| Select | `@bearmenu/ui/components/select` |
+| Separator | `@bearmenu/ui/components/separator` |
+| Sheet | `@bearmenu/ui/components/sheet` |
+| Skeleton | `@bearmenu/ui/components/skeleton` |
+| Skeleton Card | `@bearmenu/ui/components/skeleton-card` |
+| Slider | `@bearmenu/ui/components/slider` |
+| Sliding Panels | `@bearmenu/ui/components/sliding-panels` |
+| Sonner | `@bearmenu/ui/components/sonner` |
+| Sticky Container | `@bearmenu/ui/components/sticky-container` |
+| Switch | `@bearmenu/ui/components/switch` |
+| Table | `@bearmenu/ui/components/table` |
+| Tabs | `@bearmenu/ui/components/tabs` |
+| Text | `@bearmenu/ui/components/text` |
+| Textarea | `@bearmenu/ui/components/textarea` |
+| Toast | `@bearmenu/ui/components/toast` |
+| Toaster | `@bearmenu/ui/components/toaster` |
+| Toggle | `@bearmenu/ui/components/toggle` |
+| Toggle Group | `@bearmenu/ui/components/toggle-group` |
+| Tooltip | `@bearmenu/ui/components/tooltip` |
+
+## Hooks
+
+| Hook | Import |
+| --- | --- |
+| useHaptic | `@bearmenu/ui/hooks/use-haptic` |
+| useMobile | `@bearmenu/ui/hooks/use-mobile` |
+| useMountedTheme | `@bearmenu/ui/hooks/use-mounted-theme` |
+| useSticky | `@bearmenu/ui/hooks/use-sticky` |
+
+## Utilities
+
+```tsx
+import { cn } from "@bearmenu/ui/lib/utils";
+```
+
+## Peer Dependencies
+
+This package expects the following in your project:
+
+- React 18+ or 19+
+- Next.js 14+
+- Tailwind CSS 4+
+- Radix UI primitives
+- Framer Motion 12+
+
+See `package.json` for the full list of peer dependencies.
+
+## License
+
+UNLICENSED

package/dist/{chunk-2CUFS5LF.js → chunk-2BMJRXQX.js}

@@ -13,7 +13,7 @@ var buttonVariants = cva(
       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-card/70 backdrop-blur-md hover:bg-accent hover:text-accent-foreground hover:border-accent-foreground/20 hover:shadow-lg glass-hover",
+        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",

package/dist/chunk-HLQ2IRE7.js

@@ -0,0 +1,279 @@
+import { Card, CardHeader, CardTitle, CardContent } from './chunk-QJ54Z7TC.js';
+import { Text } from './chunk-4KOMHDZD.js';
+import { Badge } from './chunk-NKHH23YK.js';
+import { cn } from './chunk-FEK5XGZW.js';
+import { __spreadProps, __spreadValues } from './chunk-3GWWZKX7.js';
+import { Info, MapPin, Phone, Globe, Clock, UtensilsCrossed, CreditCard, Shield, Car, Building2 } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+function Instagram(props) {
+  return /* @__PURE__ */ jsxs(
+    "svg",
+    __spreadProps(__spreadValues({
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("rect", { width: "20", height: "20", x: "2", y: "2", rx: "5", ry: "5" }),
+        /* @__PURE__ */ jsx("path", { d: "M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37z" }),
+        /* @__PURE__ */ jsx("line", { x1: "17.5", x2: "17.51", y1: "6.5", y2: "6.5" })
+      ]
+    })
+  );
+}
+function Facebook(props) {
+  return /* @__PURE__ */ jsx(
+    "svg",
+    __spreadProps(__spreadValues({
+      viewBox: "0 0 24 24",
+      fill: "none",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
+    }, props), {
+      children: /* @__PURE__ */ jsx("path", { d: "M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z" })
+    })
+  );
+}
+function formatHour(h) {
+  return `${h.toString().padStart(2, "0")}:00`;
+}
+function humanizeEnum(value) {
+  return value.replace(/_/g, " ");
+}
+function PlaceAboutTab({
+  place,
+  labels,
+  mapSlot,
+  busynessSlot,
+  onLinkClick,
+  className
+}) {
+  var _a, _b, _c;
+  const todayHours = place.hours && place.hours.length > 0 ? place.hours.map((slot) => `${formatHour(slot.opens_at)} - ${formatHour(slot.closes_at)}`) : null;
+  const formattedAddress = (_a = place.location) == null ? void 0 : _a.address;
+  const handleLinkClick = (kind, url) => {
+    if (onLinkClick && url) onLinkClick(kind, url);
+  };
+  const getAmenityLabel = (key) => labels.amenityLabels[key] || humanizeEnum(key);
+  const getPaymentLabel = (key) => labels.paymentLabels[key] || humanizeEnum(key);
+  const getAccessibilityLabel = (key) => labels.accessibilityLabels[key] || humanizeEnum(key);
+  const getParkingLabel = (key) => labels.parkingLabels[key] || humanizeEnum(key);
+  const getTypeLabel = (key) => labels.typeLabels[key] || humanizeEnum(key);
+  const getStatusLabel = (key) => labels.statusLabels[key] || humanizeEnum(key);
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-4 pt-4 px-4", className), children: [
+    mapSlot,
+    (place.description || place.generative_summary || place.review_summary) && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Info, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.description
+      ] }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        place.generative_summary && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", className: "mb-2", children: labels.overview }),
+          /* @__PURE__ */ jsx(Text, { as: "p", color: "default", children: place.generative_summary })
+        ] }),
+        place.description && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", className: "mb-2", children: labels.description }),
+          /* @__PURE__ */ jsx(Text, { as: "p", color: "default", children: place.description })
+        ] }),
+        place.review_summary && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", className: "mb-2", children: labels.whatPeopleSay }),
+          /* @__PURE__ */ jsx(Text, { as: "p", color: "default", children: place.review_summary })
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.contactAndLocation
+      ] }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
+        formattedAddress && /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx(Text, { as: "p", variant: "body-sm", color: "muted", className: "mb-1", children: labels.address }),
+          /* @__PURE__ */ jsx(Text, { as: "p", color: "default", children: formattedAddress })
+        ] }),
+        place.phone && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Phone, { className: "w-4 h-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: `tel:${place.phone}`,
+              onClick: () => handleLinkClick("phone", place.phone),
+              className: "text-foreground hover:text-primary transition-colors",
+              children: place.phone
+            }
+          )
+        ] }),
+        place.website_url && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Globe, { className: "w-4 h-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: place.website_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: () => handleLinkClick("website", place.website_url),
+              className: "text-foreground hover:text-primary transition-colors break-all",
+              children: place.website_url
+            }
+          )
+        ] }),
+        ((_b = place.socials) == null ? void 0 : _b.instagram_url) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Instagram, { className: "w-4 h-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: place.socials.instagram_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: () => {
+                var _a2;
+                return handleLinkClick("instagram", (_a2 = place.socials) == null ? void 0 : _a2.instagram_url);
+              },
+              className: "text-foreground hover:text-primary transition-colors",
+              children: labels.instagram
+            }
+          )
+        ] }),
+        ((_c = place.socials) == null ? void 0 : _c.facebook_url) && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(Facebook, { className: "w-4 h-4 text-muted-foreground", "aria-hidden": "true" }),
+          /* @__PURE__ */ jsx(
+            "a",
+            {
+              href: place.socials.facebook_url,
+              target: "_blank",
+              rel: "noopener noreferrer",
+              onClick: () => {
+                var _a2;
+                return handleLinkClick("facebook", (_a2 = place.socials) == null ? void 0 : _a2.facebook_url);
+              },
+              className: "text-foreground hover:text-primary transition-colors",
+              children: labels.facebook
+            }
+          )
+        ] })
+      ] })
+    ] }),
+    todayHours && todayHours.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.todayHours
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                "w-2 h-2 rounded-full",
+                place.open_now ? "bg-green-500" : "bg-muted-foreground"
+              )
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            Text,
+            {
+              as: "span",
+              weight: "medium",
+              className: place.open_now ? "text-green-600 dark:text-green-400" : "",
+              children: place.open_now ? labels.statusOpen : labels.statusClosed
+            }
+          )
+        ] }),
+        todayHours.map((range, index) => /* @__PURE__ */ jsx("div", { className: "flex items-center gap-2", children: /* @__PURE__ */ jsx(Text, { as: "span", color: "muted", children: range }) }, index))
+      ] }) })
+    ] }),
+    busynessSlot && place.busyness && place.busyness.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Clock, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.typicalBusyness
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: busynessSlot })
+    ] }),
+    place.cuisines && place.cuisines.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(UtensilsCrossed, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.cuisines
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: place.cuisines.map((cuisine, index) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: cuisine.charAt(0).toUpperCase() + cuisine.slice(1) }, index)) }) })
+    ] }),
+    place.amenities && place.amenities.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: labels.amenities }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-2 md:grid-cols-3 gap-2", children: place.amenities.map((amenity, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "muted", children: "\u2022" }),
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "default", children: getAmenityLabel(amenity) })
+      ] }, index)) }) })
+    ] }),
+    place.payment_options && place.payment_options.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(CreditCard, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.paymentOptions
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: place.payment_options.map((payment, index) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: getPaymentLabel(payment) }, index)) }) })
+    ] }),
+    place.accessibility_features && place.accessibility_features.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Shield, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.accessibility
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-2", children: place.accessibility_features.map((feature, index) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 text-sm", children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "muted", children: "\u2022" }),
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "default", children: getAccessibilityLabel(feature) })
+      ] }, index)) }) })
+    ] }),
+    place.parking_options && place.parking_options.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Car, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.parking
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: place.parking_options.map((parking, index) => /* @__PURE__ */ jsx(Badge, { variant: "outline", children: getParkingLabel(parking) }, index)) }) })
+    ] }),
+    place.landmarks && place.landmarks.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(MapPin, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.nearbyLandmarks
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "space-y-2", children: place.landmarks.map((landmark, index) => /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+        /* @__PURE__ */ jsx(Text, { as: "span", color: "default", children: landmark.name }),
+        landmark.distance_meters !== void 0 && landmark.distance_meters !== null && /* @__PURE__ */ jsxs(Text, { as: "span", variant: "body-sm", color: "muted", children: [
+          (landmark.distance_meters / 1e3).toFixed(1),
+          " km"
+        ] })
+      ] }, index)) }) })
+    ] }),
+    place.areas && place.areas.length > 0 && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs(CardTitle, { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Building2, { className: "w-5 h-5", "aria-hidden": "true" }),
+        labels.neighborhood
+      ] }) }),
+      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: place.areas.map((area, index) => /* @__PURE__ */ jsx(Badge, { variant: "secondary", children: area.name }, index)) }) })
+    ] }),
+    (place.type || place.business_status) && /* @__PURE__ */ jsxs(Card, { children: [
+      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(CardTitle, { children: labels.businessInformation }) }),
+      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-2", children: [
+        place.type && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", color: "muted", children: labels.type }),
+          /* @__PURE__ */ jsx(Text, { as: "span", color: "default", children: getTypeLabel(place.type) })
+        ] }),
+        place.business_status && /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center", children: [
+          /* @__PURE__ */ jsx(Text, { as: "span", variant: "body-sm", color: "muted", children: labels.status }),
+          /* @__PURE__ */ jsx(
+            Badge,
+            {
+              variant: place.business_status === "operational" ? "default" : place.business_status === "closed_temporarily" ? "secondary" : "destructive",
+              children: getStatusLabel(place.business_status)
+            }
+          )
+        ] })
+      ] })
+    ] })
+  ] });
+}
+
+export { PlaceAboutTab };

package/dist/chunk-IQASCH2V.js

@@ -0,0 +1,25 @@
+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-UXAYXRFN.js → chunk-QJ54Z7TC.js}

@@ -58,6 +58,20 @@ var CardContent = React.forwardRef(
   }
 );
 CardContent.displayName = "CardContent";
+var CardAction = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+    return /* @__PURE__ */ jsx(
+      "div",
+      __spreadValues({
+        ref,
+        "data-slot": "card-action",
+        className: cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end", className)
+      }, props)
+    );
+  }
+);
+CardAction.displayName = "CardAction";
 var CardFooter = React.forwardRef(
   (_a, ref) => {
     var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -66,4 +80,4 @@ var CardFooter = React.forwardRef(
 );
 CardFooter.displayName = "CardFooter";
 
-export { Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };
+export { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle };

package/dist/{chunk-X6GATUI2.js → chunk-UISA4CIG.js}

@@ -7,6 +7,7 @@ function Skeleton(_a) {
   return /* @__PURE__ */ jsx(
     "div",
     __spreadValues({
+      "data-slot": "skeleton",
       className: cn(
         "animate-pulse rounded-xl glass border border-border/30 relative overflow-hidden",
         "before:absolute before:inset-0 before:-translate-x-full before:animate-[shimmer_2s_infinite] before:bg-gradient-to-r before:from-transparent before:via-white/10 before:to-transparent",

package/dist/components/alert-dialog.js

@@ -1,4 +1,4 @@
-import { buttonVariants } from '../chunk-2CUFS5LF.js';
+import { buttonVariants } from '../chunk-2BMJRXQX.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,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const Alert: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & VariantProps<(props?: ({
-    variant?: "default" | "destructive" | "success" | "warning" | null | undefined;
+    variant?: "default" | "destructive" | "warning" | "success" | 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/badge.d.ts

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

package/dist/components/button.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "destructive" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
+    variant?: "default" | "destructive" | "link" | "outline" | "secondary" | "ghost" | "glass" | "brown" | "antagonist" | null | undefined;
     size?: "default" | "sm" | "lg" | "icon" | 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-2CUFS5LF.js';
+export { Button, buttonVariants } from '../chunk-2BMJRXQX.js';
 import '../chunk-R47NEOSI.js';
 import '../chunk-FEK5XGZW.js';
 import '../chunk-3GWWZKX7.js';

package/dist/components/calendar.d.ts

@@ -1,11 +1,13 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as React from 'react';
-import { DayPicker } from 'react-day-picker';
+import { DayPicker, DayButton } from 'react-day-picker';
+import { Button } from './button.js';
+import 'class-variance-authority/types';
+import 'class-variance-authority';
 
-type CalendarProps = React.ComponentProps<typeof DayPicker>;
-declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): react_jsx_runtime.JSX.Element;
-declare namespace Calendar {
-    var displayName: string;
-}
+declare function Calendar({ className, classNames, showOutsideDays, captionLayout, buttonVariant, formatters, components, ...props }: React.ComponentProps<typeof DayPicker> & {
+    buttonVariant?: React.ComponentProps<typeof Button>["variant"];
+}): react_jsx_runtime.JSX.Element;
+declare function CalendarDayButton({ className, day, modifiers, ...props }: React.ComponentProps<typeof DayButton>): react_jsx_runtime.JSX.Element;
 
-export { Calendar, type CalendarProps };
+export { Calendar, CalendarDayButton };