@bearmenu/ui 0.1.0

package/dist/components/select.js

@@ -0,0 +1,129 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { ChevronDown, ChevronUp, Check } from 'lucide-react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Select = SelectPrimitive.Root;
+var SelectGroup = SelectPrimitive.Group;
+var SelectValue = SelectPrimitive.Value;
+var SelectTrigger = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Trigger,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "flex h-11 w-full items-center justify-between rounded-xl bg-surface border border-border px-4 py-2 text-sm font-medium text-muted-foreground transition-colors focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 hover:border-foreground/20 hover:text-foreground",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" }) })
+      ]
+    })
+  );
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+var SelectScrollUpButton = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollUpButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronUp, { className: "h-4 w-4" })
+    })
+  );
+});
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+var SelectScrollDownButton = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.ScrollDownButton,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn("flex cursor-default items-center justify-center py-1", className)
+    }, props), {
+      children: /* @__PURE__ */ jsx(ChevronDown, { className: "h-4 w-4" })
+    })
+  );
+});
+SelectScrollDownButton.displayName = SelectPrimitive.ScrollDownButton.displayName;
+var SelectContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, children, position = "popper" } = _b, props = __objRest(_b, ["className", "children", "position"]);
+  return /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs(
+    SelectPrimitive.Content,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-xl border border-border bg-card text-popover-foreground shadow-lg 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",
+        position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        className
+      ),
+      position
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx(
+          SelectPrimitive.Viewport,
+          {
+            className: cn(
+              "p-1 flex flex-col gap-1",
+              position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+            ),
+            children
+          }
+        ),
+        /* @__PURE__ */ jsx(SelectScrollDownButton, {})
+      ]
+    })
+  ) });
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+var SelectLabel = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Label,
+    __spreadValues({
+      ref,
+      className: cn("py-1.5 pl-8 pr-2 text-sm font-semibold", className)
+    }, props)
+  );
+});
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+var SelectItem = React.forwardRef((_a, ref) => {
+  var _b = _a, { className, children } = _b, props = __objRest(_b, ["className", "children"]);
+  return /* @__PURE__ */ jsxs(
+    SelectPrimitive.Item,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn(
+        "relative flex w-full cursor-default select-none items-center rounded-lg py-2 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground data-[state=checked]:bg-primary/10 data-[state=checked]:text-primary data-[state=checked]:font-medium",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx(Check, { className: "h-4 w-4" }) }) }),
+        /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+      ]
+    })
+  );
+});
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+var SelectSeparator = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SelectPrimitive.Separator,
+    __spreadValues({
+      ref,
+      className: cn("-mx-1 my-1 h-px bg-muted", className)
+    }, props)
+  );
+});
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue };

package/dist/components/separator.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SeparatorPrimitive from '@radix-ui/react-separator';
+
+declare const Separator: React.ForwardRefExoticComponent<Omit<SeparatorPrimitive.SeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+
+export { Separator };

package/dist/components/separator.js

@@ -0,0 +1,25 @@
+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,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-gradient-to-r from-transparent via-border to-transparent backdrop-blur-sm",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      )
+    }, props)
+  );
+});
+Separator.displayName = SeparatorPrimitive.Root.displayName;
+
+export { Separator };

package/dist/components/sheet.d.ts

@@ -0,0 +1,29 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import * as DialogPrimitive from '@radix-ui/react-dialog';
+import { VariantProps } from 'class-variance-authority';
+
+declare const Sheet: React.FC<DialogPrimitive.DialogProps>;
+declare const SheetTrigger: React.ForwardRefExoticComponent<DialogPrimitive.DialogTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetClose: React.ForwardRefExoticComponent<DialogPrimitive.DialogCloseProps & React.RefAttributes<HTMLButtonElement>>;
+declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
+declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const sheetVariants: (props?: ({
+    side?: "left" | "right" | "top" | "bottom" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+interface SheetContentProps extends React.ComponentPropsWithoutRef<typeof DialogPrimitive.Content>, VariantProps<typeof sheetVariants> {
+}
+declare const SheetContent: React.ForwardRefExoticComponent<SheetContentProps & React.RefAttributes<HTMLDivElement>>;
+declare const SheetHeader: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetFooter: {
+    ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+    displayName: string;
+};
+declare const SheetTitle: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React.RefAttributes<HTMLHeadingElement>, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+declare const SheetDescription: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React.RefAttributes<HTMLParagraphElement>, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/sheet.js

@@ -0,0 +1,96 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import * as SheetPrimitive from '@radix-ui/react-dialog';
+import { cva } from 'class-variance-authority';
+import { X } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Sheet = SheetPrimitive.Root;
+var SheetTrigger = SheetPrimitive.Trigger;
+var SheetClose = SheetPrimitive.Close;
+var SheetPortal = SheetPrimitive.Portal;
+var SheetOverlay = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Overlay,
+    __spreadProps(__spreadValues({
+      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), {
+      ref
+    })
+  );
+});
+SheetOverlay.displayName = SheetPrimitive.Overlay.displayName;
+var sheetVariants = cva(
+  "fixed z-[1000] gap-4 glass bg-background 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",
+  {
+    variants: {
+      side: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom rounded-t-2xl",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm rounded-r-2xl",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm rounded-l-2xl"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+var SheetContent = React.forwardRef((_a, ref) => {
+  var _b = _a, { side = "right", className, children } = _b, props = __objRest(_b, ["side", "className", "children"]);
+  return /* @__PURE__ */ jsxs(SheetPortal, { children: [
+    /* @__PURE__ */ jsx(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs(SheetPrimitive.Content, __spreadProps(__spreadValues({ ref, className: cn(sheetVariants({ side }), className) }, props), { children: [
+      children,
+      /* @__PURE__ */ jsxs(SheetPrimitive.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-secondary glass-hover p-2", children: [
+        /* @__PURE__ */ jsx(X, { className: "h-4 w-4" }),
+        /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+      ] })
+    ] }))
+  ] });
+});
+SheetContent.displayName = SheetPrimitive.Content.displayName;
+var SheetHeader = (_a) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx("div", __spreadValues({ className: cn("flex flex-col space-y-2 text-center sm:text-left", className) }, props));
+};
+SheetHeader.displayName = "SheetHeader";
+var SheetFooter = (_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)
+  );
+};
+SheetFooter.displayName = "SheetFooter";
+var SheetTitle = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Title,
+    __spreadValues({
+      ref,
+      className: cn("text-lg font-semibold text-foreground", className)
+    }, props)
+  );
+});
+SheetTitle.displayName = SheetPrimitive.Title.displayName;
+var SheetDescription = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsx(
+    SheetPrimitive.Description,
+    __spreadValues({
+      ref,
+      className: cn("text-sm text-muted-foreground", className)
+    }, props)
+  );
+});
+SheetDescription.displayName = SheetPrimitive.Description.displayName;
+
+export { Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetOverlay, SheetPortal, SheetTitle, SheetTrigger };

package/dist/components/skeleton-card.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+
+interface SkeletonCardProps {
+    variant?: "experience" | "restaurant" | "generic" | "place" | "dish" | "drink" | "event";
+    showImage?: boolean;
+    showRating?: boolean;
+    showPrice?: boolean;
+    lines?: number;
+    className?: string;
+}
+declare const SkeletonCard: React.ForwardRefExoticComponent<SkeletonCardProps & React.RefAttributes<HTMLDivElement>>;
+
+export { SkeletonCard };

package/dist/components/skeleton-card.js

@@ -0,0 +1,154 @@
+import { Skeleton } from '../chunk-X6GATUI2.js';
+import { AspectRatio } from '../chunk-3VMDCCCX.js';
+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 SkeletonCard = React.forwardRef(
+  (_a, ref) => {
+    var _b = _a, {
+      variant = "experience",
+      showImage = true,
+      showRating = true,
+      showPrice = true,
+      lines = 2,
+      className
+    } = _b, props = __objRest(_b, [
+      "variant",
+      "showImage",
+      "showRating",
+      "showPrice",
+      "lines",
+      "className"
+    ]);
+    const renderPlaceCardSkeleton = () => /* @__PURE__ */ jsx("div", { className: "glass transition-all duration-300 ease-in-out h-full flex flex-col w-full rounded-3xl border border-transparent", children: /* @__PURE__ */ jsxs("div", { className: "p-4 flex-1 flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "w-12 h-12 rounded-lg flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-3/4 mb-2" }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1" }),
+            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4 text-xs", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
+      ] }) }),
+      /* @__PURE__ */ jsx("div", { className: "mb-3", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-16" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-1" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3.5 w-20" })
+      ] }) }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-full mb-1" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/3" })
+      ] })
+    ] }) });
+    const renderDishCardSkeleton = () => /* @__PURE__ */ jsx("div", { className: "glass transition-all duration-300 ease-in-out h-full flex flex-col w-full border rounded-lg", children: /* @__PURE__ */ jsxs("div", { className: "p-3 h-full flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "w-12 h-12 rounded-lg flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-3/4 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-md flex-shrink-0" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-12 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-full mb-1" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/3" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-auto", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-md" })
+      ] })
+    ] }) });
+    const renderDrinkCardSkeleton = () => /* @__PURE__ */ jsx("div", { className: "glass transition-all duration-300 ease-in-out w-full h-full border rounded-lg", children: /* @__PURE__ */ jsxs("div", { className: "p-3 h-full flex flex-col", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-3 mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "w-12 h-12 rounded-lg flex-shrink-0" }),
+        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-3/4 mb-1" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-1/2" })
+        ] }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8 rounded-md flex-shrink-0" })
+      ] }),
+      /* @__PURE__ */ jsx("div", { className: "mb-3 flex items-center gap-2", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24 rounded-full" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-12 rounded-full" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "mb-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-full mb-1" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-2/3" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mt-auto", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-16" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24 rounded-md" })
+      ] })
+    ] }) });
+    const renderEventCardSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "glass transition-all duration-300 ease-in-out w-full overflow-hidden rounded-xl", children: [
+      /* @__PURE__ */ jsx("div", { className: "relative aspect-[16/10] overflow-hidden bg-white/[0.06]", children: /* @__PURE__ */ jsx(Skeleton, { className: "absolute inset-0 w-full h-full" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1 p-3", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-1/2" })
+      ] })
+    ] });
+    const renderExperienceSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "glass rounded-xl overflow-hidden transition-all duration-300", children: [
+      showImage && /* @__PURE__ */ jsx(AspectRatio, { ratio: 16 / 9, children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-3/4" }),
+        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: cn("h-4", i === lines - 1 ? "w-1/2" : "w-full") }, i)) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          showPrice && /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" }),
+          showRating && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between text-sm", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
+        ] })
+      ] })
+    ] });
+    const renderRestaurantSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "glass rounded-xl overflow-hidden transition-all duration-300", children: [
+      showImage && /* @__PURE__ */ jsx(AspectRatio, { ratio: 16 / 9, children: /* @__PURE__ */ jsx(Skeleton, { className: "w-full h-full" }) }),
+      /* @__PURE__ */ jsxs("div", { className: "p-6 space-y-4", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-2/3" }),
+        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" }),
+          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+          showRating && /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+          showPrice && /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16" })
+        ] })
+      ] })
+    ] });
+    const renderGenericSkeleton = () => /* @__PURE__ */ jsxs("div", { className: "glass rounded-xl p-6 space-y-4", children: [
+      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-1/2" }),
+      /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(Skeleton, { className: cn("h-4", i === lines - 1 ? "w-1/3" : "w-full") }, i)) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
+        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
+      ] })
+    ] });
+    return /* @__PURE__ */ jsxs("div", __spreadProps(__spreadValues({ ref, className: cn("w-full", className) }, props), { children: [
+      variant === "place" && renderPlaceCardSkeleton(),
+      variant === "dish" && renderDishCardSkeleton(),
+      variant === "drink" && renderDrinkCardSkeleton(),
+      variant === "event" && renderEventCardSkeleton(),
+      variant === "experience" && renderExperienceSkeleton(),
+      variant === "restaurant" && renderRestaurantSkeleton(),
+      variant === "generic" && renderGenericSkeleton()
+    ] }));
+  }
+);
+SkeletonCard.displayName = "SkeletonCard";
+
+export { SkeletonCard };

package/dist/components/skeleton.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import React__default from 'react';
+
+declare function Skeleton({ className, ...props }: React__default.HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
+
+export { Skeleton };

package/dist/components/skeleton.js

@@ -0,0 +1,3 @@
+export { Skeleton } from '../chunk-X6GATUI2.js';
+import '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';

package/dist/components/slider.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+
+declare const Slider: React.ForwardRefExoticComponent<Omit<SliderPrimitive.SliderProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+
+export { Slider };

package/dist/components/slider.js

@@ -0,0 +1,24 @@
+import { cn } from '../chunk-FEK5XGZW.js';
+import { __objRest, __spreadProps, __spreadValues } from '../chunk-3GWWZKX7.js';
+import * as React from 'react';
+import * as SliderPrimitive from '@radix-ui/react-slider';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Slider = React.forwardRef((_a, ref) => {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    __spreadProps(__spreadValues({
+      ref,
+      className: cn("relative flex w-full touch-none select-none items-center", className)
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full glass border border-border/50", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-white shadow-lg" }) }),
+        /* @__PURE__ */ jsx(SliderPrimitive.Thumb, { className: "block h-5 w-5 rounded-full border-2 border-primary bg-primary ring-offset-background 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 hover:shadow-lg hover:shadow-primary/20 hover:scale-110" })
+      ]
+    })
+  );
+});
+Slider.displayName = SliderPrimitive.Root.displayName;
+
+export { Slider };

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

@@ -0,0 +1,19 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import * as React from 'react';
+
+interface Panel {
+    id: string;
+    content: React.ReactNode;
+    showBackButton?: boolean;
+    backButtonLabel?: string;
+    onBack?: () => void;
+}
+interface SlidingPanelsProps {
+    panels: Panel[];
+    currentPanel: string;
+    onPanelChange: (panelId: string) => void;
+    className?: string;
+}
+declare const SlidingPanels: ({ panels, currentPanel, onPanelChange, className, }: SlidingPanelsProps) => react_jsx_runtime.JSX.Element;
+
+export { type Panel, SlidingPanels, type SlidingPanelsProps };

package/dist/components/sliding-panels.js

@@ -0,0 +1,75 @@
+import { Button } from '../chunk-2CUFS5LF.js';
+import '../chunk-R47NEOSI.js';
+import { cn } from '../chunk-FEK5XGZW.js';
+import '../chunk-3GWWZKX7.js';
+import { useRef, useState, useLayoutEffect } from 'react';
+import { ChevronLeft } from 'lucide-react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var SlidingPanels = ({
+  panels,
+  currentPanel,
+  onPanelChange,
+  className
+}) => {
+  const currentIndex = panels.findIndex((p) => p.id === currentPanel);
+  const currentPanelData = panels[currentIndex];
+  const panelRefs = useRef([]);
+  const [containerHeight, setContainerHeight] = useState();
+  useLayoutEffect(() => {
+    const activeEl = panelRefs.current[currentIndex];
+    if (!activeEl) return;
+    const updateHeight = () => setContainerHeight(activeEl.scrollHeight);
+    updateHeight();
+    const ro = new ResizeObserver(updateHeight);
+    ro.observe(activeEl);
+    return () => ro.disconnect();
+  }, [currentIndex]);
+  const handleBack = () => {
+    if (currentIndex > 0) {
+      const previousPanel = panels[currentIndex - 1];
+      if (currentPanelData == null ? void 0 : currentPanelData.onBack) {
+        currentPanelData.onBack();
+      } else {
+        onPanelChange(previousPanel.id);
+      }
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: cn("relative overflow-hidden transition-[height] duration-300", className),
+      style: { height: containerHeight },
+      children: panels.map((panel, index) => {
+        const isActive = panel.id === currentPanel;
+        const isLeft = index < currentIndex;
+        const isRight = index > currentIndex;
+        return /* @__PURE__ */ jsxs(
+          "div",
+          {
+            ref: (el) => {
+              panelRefs.current[index] = el;
+            },
+            className: cn(
+              "absolute top-0 left-0 w-full transition-transform duration-300",
+              isActive && "translate-x-0",
+              isLeft && "-translate-x-full",
+              isRight && "translate-x-full"
+            ),
+            "aria-hidden": !isActive,
+            children: [
+              panel.showBackButton && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
+                /* @__PURE__ */ jsx(Button, { variant: "ghost", size: "icon", onClick: handleBack, children: /* @__PURE__ */ jsx(ChevronLeft, { className: "h-4 w-4" }) }),
+                panel.backButtonLabel && /* @__PURE__ */ jsx("h3", { className: "font-semibold", children: panel.backButtonLabel })
+              ] }),
+              panel.content
+            ]
+          },
+          panel.id
+        );
+      })
+    }
+  );
+};
+
+export { SlidingPanels };

package/dist/components/sonner.d.ts

@@ -0,0 +1,6 @@
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { ToasterProps } from 'sonner';
+
+declare const Toaster: ({ ...props }: ToasterProps) => react_jsx_runtime.JSX.Element;
+
+export { Toaster };

package/dist/components/sonner.js

@@ -0,0 +1,23 @@
+import { __objRest, __spreadValues } from '../chunk-3GWWZKX7.js';
+import { useTheme } from 'next-themes';
+import { Toaster as Toaster$1 } from 'sonner';
+import { jsx } from 'react/jsx-runtime';
+
+var Toaster = (_a) => {
+  var props = __objRest(_a, []);
+  const { theme = "system" } = useTheme();
+  return /* @__PURE__ */ jsx(
+    Toaster$1,
+    __spreadValues({
+      theme,
+      className: "toaster group",
+      style: {
+        "--normal-bg": "var(--popover)",
+        "--normal-text": "var(--popover-foreground)",
+        "--normal-border": "var(--border)"
+      }
+    }, props)
+  );
+};
+
+export { Toaster };