@dododog/ui 0.1.0

package/dist/chunk-ERL3WXNY.mjs

@@ -0,0 +1,114 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DualRangeSlider = React.forwardRef(
+  ({
+    min,
+    max,
+    step = 1,
+    valueMin,
+    valueMax,
+    onChangeMin,
+    onChangeMax,
+    formatLabel,
+    minGap,
+    className
+  }, ref) => {
+    const gap = minGap ?? step;
+    const range = max - min;
+    const leftPercent = range > 0 ? (valueMin - min) / range * 100 : 0;
+    const rightPercent = range > 0 ? 100 - (valueMax - min) / range * 100 : 0;
+    const handleMinChange = (e) => {
+      const v = Number(e.target.value);
+      onChangeMin(Math.min(v, valueMax - gap));
+    };
+    const handleMaxChange = (e) => {
+      const v = Number(e.target.value);
+      onChangeMax(Math.max(v, valueMin + gap));
+    };
+    const labelMin = formatLabel ? formatLabel(valueMin, "min") : String(valueMin);
+    const labelMax = formatLabel ? formatLabel(valueMax, "max") : String(valueMax);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsxs("div", { className: "relative h-2", children: [
+        /* @__PURE__ */ jsx("div", { className: "absolute inset-0 rounded-full bg-gray-200" }),
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: "absolute h-full rounded-full bg-secondary",
+            style: { left: `${leftPercent}%`, right: `${rightPercent}%` }
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "range",
+            min,
+            max,
+            step,
+            value: valueMin,
+            onChange: handleMinChange,
+            "aria-label": "Minimum",
+            className: cn(
+              "absolute w-full h-2 appearance-none bg-transparent pointer-events-none",
+              // Webkit thumb
+              "[&::-webkit-slider-thumb]:pointer-events-auto",
+              "[&::-webkit-slider-thumb]:appearance-none",
+              "[&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5",
+              "[&::-webkit-slider-thumb]:bg-white",
+              "[&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-secondary",
+              "[&::-webkit-slider-thumb]:rounded-full",
+              "[&::-webkit-slider-thumb]:cursor-pointer",
+              "[&::-webkit-slider-thumb]:shadow-md",
+              // Firefox thumb
+              "[&::-moz-range-thumb]:pointer-events-auto",
+              "[&::-moz-range-thumb]:appearance-none",
+              "[&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5",
+              "[&::-moz-range-thumb]:bg-white",
+              "[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-secondary",
+              "[&::-moz-range-thumb]:rounded-full",
+              "[&::-moz-range-thumb]:cursor-pointer"
+            )
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "range",
+            min,
+            max,
+            step,
+            value: valueMax,
+            onChange: handleMaxChange,
+            "aria-label": "Maximum",
+            className: cn(
+              "absolute w-full h-2 appearance-none bg-transparent pointer-events-none",
+              "[&::-webkit-slider-thumb]:pointer-events-auto",
+              "[&::-webkit-slider-thumb]:appearance-none",
+              "[&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5",
+              "[&::-webkit-slider-thumb]:bg-white",
+              "[&::-webkit-slider-thumb]:border-2 [&::-webkit-slider-thumb]:border-secondary",
+              "[&::-webkit-slider-thumb]:rounded-full",
+              "[&::-webkit-slider-thumb]:cursor-pointer",
+              "[&::-webkit-slider-thumb]:shadow-md",
+              "[&::-moz-range-thumb]:pointer-events-auto",
+              "[&::-moz-range-thumb]:appearance-none",
+              "[&::-moz-range-thumb]:w-5 [&::-moz-range-thumb]:h-5",
+              "[&::-moz-range-thumb]:bg-white",
+              "[&::-moz-range-thumb]:border-2 [&::-moz-range-thumb]:border-secondary",
+              "[&::-moz-range-thumb]:rounded-full",
+              "[&::-moz-range-thumb]:cursor-pointer"
+            )
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
+        /* @__PURE__ */ jsx("span", { children: labelMin }),
+        /* @__PURE__ */ jsx("span", { children: labelMax })
+      ] })
+    ] });
+  }
+);
+DualRangeSlider.displayName = "DualRangeSlider";
+
+export { DualRangeSlider };

package/dist/chunk-EUEM2D5M.mjs

@@ -0,0 +1,117 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var defaultRenderLink = ({ href, className, onClick, children }) => /* @__PURE__ */ jsx("a", { href, className, onClick, children });
+var defaultRenderImage = ({ src, alt, className }) => /* @__PURE__ */ jsx("img", { src, alt, className, loading: "lazy" });
+var MegaMenu = React.forwardRef(
+  ({ section, isOpen, onClose, renderLink = defaultRenderLink, renderImage = defaultRenderImage, className }, ref) => {
+    const panelRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (e) => {
+        if (e.key === "Escape") onClose();
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [isOpen, onClose]);
+    if (!isOpen) return null;
+    if (section.layout === "cards" && section.cards) {
+      return /* @__PURE__ */ jsx("div", { ref, className: cn("bg-white border-b border-gray-100 shadow-sm overflow-hidden", className), children: /* @__PURE__ */ jsx("div", { ref: panelRef, className: "flex justify-center px-6 lg:px-8 py-8", children: /* @__PURE__ */ jsxs("div", { className: "max-w-4xl w-full", children: [
+        /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-primary mb-6", children: section.label }),
+        /* @__PURE__ */ jsx("div", { className: "grid grid-cols-4 sm:grid-cols-6 lg:grid-cols-8 gap-3", children: section.cards.map((card) => /* @__PURE__ */ jsx(React.Fragment, { children: renderLink({
+          href: card.href,
+          className: "group",
+          onClick: onClose,
+          children: /* @__PURE__ */ jsxs("div", { className: "aspect-square rounded-xl overflow-hidden bg-gray-100 relative", children: [
+            card.imageUrl ? /* @__PURE__ */ jsx(Fragment, { children: renderImage({
+              src: card.imageUrl,
+              alt: card.label,
+              className: "object-cover w-full h-full group-hover:scale-105 transition-transform duration-300",
+              fill: true
+            }) }) : /* @__PURE__ */ jsx("div", { className: "w-full h-full flex items-center justify-center bg-secondary/10", children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", className: "text-secondary/40", children: [
+              /* @__PURE__ */ jsx("path", { d: "M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z" }),
+              /* @__PURE__ */ jsx("circle", { cx: "12", cy: "10", r: "3" })
+            ] }) }),
+            /* @__PURE__ */ jsx("div", { className: "absolute inset-0 bg-gradient-to-t from-black/50 to-transparent" }),
+            /* @__PURE__ */ jsx("span", { className: "absolute bottom-2 left-2 right-2 text-white text-xs font-medium leading-tight", children: card.label })
+          ] })
+        }) }, card.label)) }),
+        section.ctaLabel && section.ctaHref && /* @__PURE__ */ jsx("div", { className: "mt-4", children: renderLink({
+          href: section.ctaHref,
+          className: "inline-flex items-center gap-1.5 text-sm font-medium text-secondary hover:text-secondary-dark transition-colors",
+          onClick: onClose,
+          children: /* @__PURE__ */ jsxs(Fragment, { children: [
+            section.ctaLabel,
+            /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+              /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+              /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+            ] })
+          ] })
+        }) })
+      ] }) }) });
+    }
+    if (!section.columns) return null;
+    const totalColumns = section.columns.length;
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("bg-white border-b border-gray-100 shadow-sm overflow-hidden", className), children: /* @__PURE__ */ jsx("div", { ref: panelRef, className: "flex justify-center px-6 lg:px-8 py-8", children: /* @__PURE__ */ jsxs(
+      "div",
+      {
+        className: cn(
+          "w-full",
+          totalColumns === 1 && "max-w-xs",
+          totalColumns === 2 && "max-w-xl",
+          totalColumns === 3 && "max-w-4xl",
+          totalColumns >= 4 && "max-w-5xl"
+        ),
+        children: [
+          /* @__PURE__ */ jsx("h3", { className: "text-lg font-bold text-primary mb-6", children: section.label }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "grid gap-x-12 gap-y-2",
+                totalColumns === 1 && "grid-cols-1",
+                totalColumns === 2 && "grid-cols-2",
+                totalColumns === 3 && "grid-cols-3",
+                totalColumns >= 4 && "grid-cols-4"
+              ),
+              children: section.columns.map((column, colIndex) => /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+                column.title && /* @__PURE__ */ jsx("p", { className: "text-xs font-semibold text-gray-400 uppercase tracking-wider mb-2", children: column.title }),
+                column.image ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center justify-center h-full gap-3", children: [
+                  renderImage({
+                    src: column.image.src,
+                    alt: column.image.alt,
+                    className: "object-contain opacity-80 max-w-[200px]"
+                  }),
+                  column.links.map((link) => /* @__PURE__ */ jsx(React.Fragment, { children: renderLink({
+                    href: link.href,
+                    className: "inline-flex items-center gap-1.5 text-sm font-medium text-secondary hover:text-secondary-dark transition-colors",
+                    onClick: onClose,
+                    children: /* @__PURE__ */ jsxs(Fragment, { children: [
+                      link.label,
+                      /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [
+                        /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                        /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+                      ] })
+                    ] })
+                  }) }, link.href))
+                ] }) : column.links.map((link) => /* @__PURE__ */ jsx(React.Fragment, { children: renderLink({
+                  href: link.href,
+                  className: "flex items-center gap-2 py-1.5 text-[15px] text-gray-600 hover:text-primary transition-colors",
+                  onClick: onClose,
+                  children: /* @__PURE__ */ jsxs(Fragment, { children: [
+                    link.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0 text-secondary/70", children: link.icon }),
+                    link.label
+                  ] })
+                }) }, link.href))
+              ] }, colIndex))
+            }
+          )
+        ]
+      }
+    ) }) });
+  }
+);
+MegaMenu.displayName = "MegaMenu";
+
+export { MegaMenu };

package/dist/chunk-EY4ZIR3P.js

@@ -0,0 +1,62 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var sizeClasses = {
+  sm: "w-8 h-8 text-xs",
+  md: "w-10 h-10 text-sm",
+  lg: "w-14 h-14 text-base"
+};
+var Avatar = React__namespace.forwardRef(
+  ({ src, alt, initials, size = "md", badge, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("relative inline-flex", className), children: [
+      src ? /* @__PURE__ */ jsxRuntime.jsx(
+        "img",
+        {
+          src,
+          alt: alt || "Avatar",
+          className: chunkADIDI7AJ_js.cn(
+            "rounded-full object-cover",
+            sizeClasses[size]
+          )
+        }
+      ) : /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkADIDI7AJ_js.cn(
+            "rounded-full bg-sand flex items-center justify-center font-medium text-primary",
+            sizeClasses[size]
+          ),
+          "aria-label": alt || initials,
+          children: initials || "?"
+        }
+      ),
+      badge !== void 0 && badge > 0 && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "absolute -top-1 -right-1 min-w-[18px] h-[18px] px-1 flex items-center justify-center bg-secondary text-white text-[10px] font-bold rounded-full", children: badge > 99 ? "99+" : badge })
+    ] });
+  }
+);
+Avatar.displayName = "Avatar";
+
+exports.Avatar = Avatar;

package/dist/chunk-F2BUMJYW.mjs

@@ -0,0 +1,64 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var RadioGroup = React.forwardRef(
+  ({ value, onChange, label, error, required, orientation = "vertical", columns = 2, options, className }, ref) => {
+    return /* @__PURE__ */ jsxs("fieldset", { ref, className: cn("w-full", className), children: [
+      label && /* @__PURE__ */ jsxs("legend", { className: "block text-sm font-medium text-primary mb-2", children: [
+        label,
+        required && /* @__PURE__ */ jsx("span", { className: "text-secondary", children: " *" })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(
+            "gap-3",
+            orientation === "grid" ? `grid ${columns === 3 ? "grid-cols-3" : columns === 4 ? "grid-cols-4" : "grid-cols-2"}` : "flex flex-col"
+          ),
+          children: options.map((option) => {
+            const isSelected = value === option.value;
+            return /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                role: "radio",
+                "aria-checked": isSelected,
+                onClick: () => onChange?.(option.value),
+                className: cn(
+                  "relative border-2 rounded-xl p-4 text-left transition-all",
+                  isSelected ? "border-secondary bg-secondary/5" : "border-gray-200 hover:border-gray-300 bg-white"
+                ),
+                children: [
+                  isSelected && /* @__PURE__ */ jsx("div", { className: "absolute top-2 right-2", children: /* @__PURE__ */ jsx(
+                    "svg",
+                    {
+                      xmlns: "http://www.w3.org/2000/svg",
+                      width: "20",
+                      height: "20",
+                      viewBox: "0 0 24 24",
+                      fill: "none",
+                      stroke: "currentColor",
+                      strokeWidth: "2.5",
+                      strokeLinecap: "round",
+                      strokeLinejoin: "round",
+                      className: "text-secondary",
+                      children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsx("span", { className: "block text-sm font-medium text-primary", children: option.label }),
+                  option.description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-text-secondary mt-0.5", children: option.description })
+                ]
+              },
+              option.value
+            );
+          })
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+RadioGroup.displayName = "RadioGroup";
+
+export { RadioGroup };

package/dist/chunk-FZ7UNXSC.mjs

@@ -0,0 +1,67 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var statusBadgeVariants = cva(
+  "inline-flex items-center gap-1.5 font-medium rounded-full",
+  {
+    variants: {
+      status: {
+        success: "bg-green-50 text-green-700",
+        warning: "bg-amber-50 text-amber-700",
+        error: "bg-red-50 text-red-700",
+        info: "bg-blue-50 text-blue-700",
+        neutral: "bg-gray-100 text-gray-600"
+      },
+      size: {
+        sm: "px-2 py-0.5 text-xs",
+        md: "px-2.5 py-1 text-sm",
+        lg: "px-3 py-1.5 text-sm"
+      }
+    },
+    defaultVariants: {
+      status: "neutral",
+      size: "md"
+    }
+  }
+);
+var dotVariants = cva("rounded-full flex-shrink-0", {
+  variants: {
+    status: {
+      success: "bg-green-500",
+      warning: "bg-amber-500",
+      error: "bg-red-500",
+      info: "bg-blue-500",
+      neutral: "bg-gray-400"
+    },
+    size: {
+      sm: "w-1.5 h-1.5",
+      md: "w-2 h-2",
+      lg: "w-2 h-2"
+    }
+  },
+  defaultVariants: {
+    status: "neutral",
+    size: "md"
+  }
+});
+var StatusBadge = React.forwardRef(
+  ({ status, size, icon, showDot = true, className, children, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        ref,
+        className: cn(statusBadgeVariants({ status, size }), className),
+        ...props,
+        children: [
+          icon || showDot && /* @__PURE__ */ jsx("span", { className: cn(dotVariants({ status, size })), "aria-hidden": "true" }),
+          children
+        ]
+      }
+    );
+  }
+);
+StatusBadge.displayName = "StatusBadge";
+
+export { StatusBadge, statusBadgeVariants };

package/dist/chunk-GBWVIY3C.mjs

@@ -0,0 +1,139 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var Lightbox = React.forwardRef(
+  ({ images, initialIndex = 0, open, onClose, className }, ref) => {
+    const [current, setCurrent] = React.useState(initialIndex);
+    const touchStartX = React.useRef(0);
+    React.useEffect(() => {
+      if (open) setCurrent(initialIndex);
+    }, [open, initialIndex]);
+    React.useEffect(() => {
+      if (!open) return;
+      function handleKeyDown(e) {
+        if (e.key === "Escape") onClose();
+        if (e.key === "ArrowLeft") setCurrent((c) => (c - 1 + images.length) % images.length);
+        if (e.key === "ArrowRight") setCurrent((c) => (c + 1) % images.length);
+      }
+      document.addEventListener("keydown", handleKeyDown);
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.removeEventListener("keydown", handleKeyDown);
+        document.body.style.overflow = "";
+      };
+    }, [open, images.length, onClose]);
+    if (!open || images.length === 0) return null;
+    const prev = () => setCurrent((c) => (c - 1 + images.length) % images.length);
+    const next = () => setCurrent((c) => (c + 1) % images.length);
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "fixed inset-0 z-50 flex items-center justify-center bg-black/90",
+          className
+        ),
+        onClick: onClose,
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-label": "Image viewer",
+        children: [
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: onClose,
+              className: "absolute top-4 right-4 z-10 w-10 h-10 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white hover:bg-white/20 transition-colors",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxs("div", { className: "absolute top-4 left-4 z-10 px-3 py-1.5 rounded-full bg-white/10 backdrop-blur-sm text-white text-sm", children: [
+            current + 1,
+            " / ",
+            images.length
+          ] }),
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "relative w-full h-full flex items-center justify-center p-12",
+              onClick: (e) => e.stopPropagation(),
+              onTouchStart: (e) => {
+                touchStartX.current = e.touches[0].clientX;
+              },
+              onTouchEnd: (e) => {
+                const diff = touchStartX.current - e.changedTouches[0].clientX;
+                if (Math.abs(diff) > 50) {
+                  diff > 0 ? next() : prev();
+                }
+              },
+              children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: images[current].src,
+                  alt: images[current].alt,
+                  className: "max-w-full max-h-full object-contain select-none",
+                  draggable: false
+                }
+              )
+            }
+          ),
+          images.length > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  prev();
+                },
+                className: "absolute left-4 top-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white hover:bg-white/20 transition-colors",
+                "aria-label": "Previous image",
+                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                onClick: (e) => {
+                  e.stopPropagation();
+                  next();
+                },
+                className: "absolute right-4 top-1/2 -translate-y-1/2 w-12 h-12 rounded-full bg-white/10 backdrop-blur-sm flex items-center justify-center text-white hover:bg-white/20 transition-colors",
+                "aria-label": "Next image",
+                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) })
+              }
+            )
+          ] }),
+          images.length > 1 && /* @__PURE__ */ jsx("div", { className: "absolute bottom-4 left-1/2 -translate-x-1/2 flex gap-2 max-w-[80vw] overflow-x-auto px-4 py-2", children: images.map((img, i) => /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setCurrent(i);
+              },
+              className: cn(
+                "w-16 h-12 rounded-lg overflow-hidden flex-shrink-0 border-2 transition-all",
+                i === current ? "border-white opacity-100" : "border-transparent opacity-50 hover:opacity-75"
+              ),
+              children: /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: img.src,
+                  alt: img.alt,
+                  className: "w-full h-full object-cover"
+                }
+              )
+            },
+            i
+          )) })
+        ]
+      }
+    );
+  }
+);
+Lightbox.displayName = "Lightbox";
+
+export { Lightbox };

package/dist/chunk-GRG4USTC.mjs

@@ -0,0 +1,57 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var inputVariants = cva(
+  "w-full border bg-white transition-all placeholder:text-text-muted text-primary",
+  {
+    variants: {
+      size: {
+        sm: "px-3 py-2 text-sm rounded-xl",
+        md: "px-4 py-3 text-sm rounded-xl",
+        lg: "px-4 py-3 text-base rounded-xl"
+      },
+      variant: {
+        default: "border-gray-200 focus:border-secondary focus:outline-none focus:ring-1 focus:ring-secondary",
+        error: "border-red-300 focus:outline-none focus:ring-2 focus:ring-red-500 focus:border-red-500"
+      }
+    },
+    defaultVariants: {
+      size: "md",
+      variant: "default"
+    }
+  }
+);
+var Input = React.forwardRef(
+  ({ className, size, variant, label, error, required, leftIcon, rightIcon, ...props }, ref) => {
+    const resolvedVariant = error ? "error" : variant ?? "default";
+    return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
+      label && /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-primary mb-1.5", children: [
+        label,
+        required && /* @__PURE__ */ jsx("span", { className: "text-secondary", children: " *" })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "relative", children: [
+        leftIcon && /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: leftIcon }),
+        /* @__PURE__ */ jsx(
+          "input",
+          {
+            ref,
+            className: cn(
+              inputVariants({ size, variant: resolvedVariant }),
+              leftIcon && "pl-10",
+              rightIcon && "pr-10",
+              className
+            ),
+            ...props
+          }
+        ),
+        rightIcon && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
+      ] }),
+      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+Input.displayName = "Input";
+
+export { Input, inputVariants };