@dododog/ui 0.1.0

package/dist/chunk-TE4WHZ4Q.js

@@ -0,0 +1,88 @@
+'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 opacityMap = {
+  light: "bg-white/40",
+  medium: "bg-white/70",
+  heavy: "bg-white/90"
+};
+var LoadingOverlay = React__namespace.forwardRef(
+  ({ visible = true, label, opacity = "medium", className, ...props }, ref) => {
+    if (!visible) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "absolute inset-0 z-10 flex flex-col items-center justify-center backdrop-blur-sm",
+          opacityMap[opacity],
+          className
+        ),
+        role: "status",
+        "aria-live": "polite",
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "svg",
+            {
+              className: "w-8 h-8 animate-spin text-secondary",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "circle",
+                  {
+                    className: "opacity-25",
+                    cx: "12",
+                    cy: "12",
+                    r: "10",
+                    stroke: "currentColor",
+                    strokeWidth: "4"
+                  }
+                ),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "path",
+                  {
+                    className: "opacity-75",
+                    fill: "currentColor",
+                    d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ),
+          label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "mt-3 text-sm font-medium text-text-secondary", children: label }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: label || "Loading..." })
+        ]
+      }
+    );
+  }
+);
+LoadingOverlay.displayName = "LoadingOverlay";
+
+exports.LoadingOverlay = LoadingOverlay;

package/dist/chunk-TNGW36OC.mjs

@@ -0,0 +1,53 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Counter = React.forwardRef(
+  ({ value, onChange, min = 0, max = 99, label, subtitle, className }, ref) => {
+    const canDecrement = value > min;
+    const canIncrement = value < max;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center justify-between", className), children: [
+      (label || subtitle) && /* @__PURE__ */ jsxs("div", { children: [
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-primary", children: label }),
+        subtitle && /* @__PURE__ */ jsx("span", { className: "block text-xs text-text-secondary", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !canDecrement,
+            onClick: () => canDecrement && onChange?.(value - 1),
+            className: cn(
+              "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
+              canDecrement ? "border-gray-300 text-primary hover:border-primary hover:bg-primary/5" : "border-gray-200 text-gray-300 cursor-not-allowed"
+            ),
+            "aria-label": "Diminuer",
+            children: /* @__PURE__ */ jsx("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("span", { className: "w-8 text-center text-sm font-medium text-primary tabular-nums", children: value }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            disabled: !canIncrement,
+            onClick: () => canIncrement && onChange?.(value + 1),
+            className: cn(
+              "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
+              canIncrement ? "border-gray-300 text-primary hover:border-primary hover:bg-primary/5" : "border-gray-200 text-gray-300 cursor-not-allowed"
+            ),
+            "aria-label": "Augmenter",
+            children: /* @__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 5v14" })
+            ] })
+          }
+        )
+      ] })
+    ] });
+  }
+);
+Counter.displayName = "Counter";
+
+export { Counter };

package/dist/chunk-TNWMTKNR.mjs

@@ -0,0 +1,75 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var FilterPill = React.forwardRef(
+  ({ label, isActive = false, count, onClear, children, className }, ref) => {
+    const [isOpen, setIsOpen] = React.useState(false);
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+      const handleClickOutside = (e) => {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setIsOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("relative inline-block", className), children: /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: () => setIsOpen(!isOpen),
+          className: cn(
+            "inline-flex items-center gap-1.5 px-3 py-2 text-sm font-medium rounded-full border transition-all",
+            isActive ? "bg-primary text-white border-primary" : "bg-white text-gray-700 border-gray-200 hover:border-gray-300"
+          ),
+          children: [
+            label,
+            count !== void 0 && count > 0 && /* @__PURE__ */ jsx("span", { className: cn(
+              "inline-flex items-center justify-center w-5 h-5 text-xs rounded-full",
+              isActive ? "bg-white/20 text-white" : "bg-gray-100 text-gray-600"
+            ), children: count }),
+            /* @__PURE__ */ jsx(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "14",
+                height: "14",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: cn("transition-transform", isOpen && "rotate-180"),
+                children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+              }
+            )
+          ]
+        }
+      ),
+      isActive && onClear && /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: (e) => {
+            e.stopPropagation();
+            onClear();
+          },
+          className: "absolute -top-1 -right-1 w-4 h-4 bg-gray-500 text-white rounded-full flex items-center justify-center hover:bg-gray-700 transition-colors",
+          "aria-label": "Effacer le filtre",
+          children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "3", strokeLinecap: "round", strokeLinejoin: "round", children: [
+            /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+          ] })
+        }
+      ),
+      isOpen && children && /* @__PURE__ */ jsx("div", { className: "absolute z-50 mt-2 left-0 min-w-[200px] bg-white border border-gray-200 rounded-xl shadow-lg py-2", children })
+    ] }) });
+  }
+);
+FilterPill.displayName = "FilterPill";
+
+export { FilterPill };

package/dist/chunk-TT7L3ZU7.js

@@ -0,0 +1,65 @@
+'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 StatCard = React__namespace.forwardRef(
+  ({ icon, value, label, description, trend, className, ...props }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "flex flex-col items-center text-center p-6 bg-white rounded-2xl border border-gray-100 shadow-sm",
+          className
+        ),
+        ...props,
+        children: [
+          icon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-12 h-12 rounded-full bg-secondary/10 flex items-center justify-center mb-4 text-secondary", children: icon }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-baseline gap-2", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-3xl font-bold text-primary", children: value }),
+            trend && /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                className: chunkADIDI7AJ_js.cn(
+                  "text-sm font-medium",
+                  trend.positive ? "text-green-600" : "text-red-600"
+                ),
+                children: [
+                  trend.positive ? "+" : "",
+                  trend.value
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-medium text-text-secondary mt-1", children: label }),
+          description && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-xs text-gray-400 mt-2 max-w-[200px]", children: description })
+        ]
+      }
+    );
+  }
+);
+StatCard.displayName = "StatCard";
+
+exports.StatCard = StatCard;

package/dist/chunk-TZHT7NZU.js

@@ -0,0 +1,142 @@
+'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 starSizes = {
+  sm: "w-3 h-3",
+  md: "w-4 h-4",
+  lg: "w-5 h-5"
+};
+var textSizes = {
+  sm: "text-xs",
+  md: "text-sm",
+  lg: "text-base"
+};
+function StarIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      fill: "currentColor",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: /* @__PURE__ */ jsxRuntime.jsx("polygon", { points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2" })
+    }
+  );
+}
+function StarHalfIcon({ className }) {
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "svg",
+    {
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 24 24",
+      stroke: "currentColor",
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      className,
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsx("defs", { children: /* @__PURE__ */ jsxRuntime.jsx("clipPath", { id: "half", children: /* @__PURE__ */ jsxRuntime.jsx("rect", { x: "0", y: "0", width: "12", height: "24" }) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "polygon",
+          {
+            points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",
+            fill: "currentColor",
+            clipPath: "url(#half)"
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "polygon",
+          {
+            points: "12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2",
+            fill: "none"
+          }
+        )
+      ]
+    }
+  );
+}
+var Rating = React__namespace.forwardRef(
+  ({
+    value,
+    max = 5,
+    size = "md",
+    showValue = false,
+    reviewCount,
+    className,
+    ...props
+  }, ref) => {
+    const fullStars = Math.floor(value);
+    const hasHalfStar = value % 1 >= 0.5;
+    const emptyStars = max - fullStars - (hasHalfStar ? 1 : 0);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn("flex items-center gap-1", className),
+        role: "img",
+        "aria-label": `${value} sur ${max} \xE9toiles`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex", children: [
+            Array.from({ length: fullStars }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              StarIcon,
+              {
+                className: chunkADIDI7AJ_js.cn(starSizes[size], "fill-yellow-400 text-yellow-400")
+              },
+              `full-${i}`
+            )),
+            hasHalfStar && /* @__PURE__ */ jsxRuntime.jsx(
+              StarHalfIcon,
+              {
+                className: chunkADIDI7AJ_js.cn(starSizes[size], "text-yellow-400")
+              }
+            ),
+            Array.from({ length: emptyStars }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+              StarIcon,
+              {
+                className: chunkADIDI7AJ_js.cn(starSizes[size], "fill-none text-gray-300")
+              },
+              `empty-${i}`
+            ))
+          ] }),
+          showValue && /* @__PURE__ */ jsxRuntime.jsx("span", { className: chunkADIDI7AJ_js.cn("font-medium text-primary", textSizes[size]), children: value.toFixed(1) }),
+          reviewCount !== void 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: chunkADIDI7AJ_js.cn("text-text-muted", textSizes[size]), children: [
+            "(",
+            reviewCount,
+            " avis)"
+          ] })
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+
+exports.Rating = Rating;

package/dist/chunk-U3XWNFHH.js

@@ -0,0 +1,161 @@
+'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 Lightbox = React__namespace.forwardRef(
+  ({ images, initialIndex = 0, open, onClose, className }, ref) => {
+    const [current, setCurrent] = React__namespace.useState(initialIndex);
+    const touchStartX = React__namespace.useRef(0);
+    React__namespace.useEffect(() => {
+      if (open) setCurrent(initialIndex);
+    }, [open, initialIndex]);
+    React__namespace.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__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "M18 6 6 18" }),
+                /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 6 12 12" })
+              ] })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) })
+              }
+            )
+          ] }),
+          images.length > 1 && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: (e) => {
+                e.stopPropagation();
+                setCurrent(i);
+              },
+              className: chunkADIDI7AJ_js.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__ */ jsxRuntime.jsx(
+                "img",
+                {
+                  src: img.src,
+                  alt: img.alt,
+                  className: "w-full h-full object-cover"
+                }
+              )
+            },
+            i
+          )) })
+        ]
+      }
+    );
+  }
+);
+Lightbox.displayName = "Lightbox";
+
+exports.Lightbox = Lightbox;

package/dist/chunk-UGYMWWKT.mjs

@@ -0,0 +1,79 @@
+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 progressBarVariants = cva("w-full rounded-full bg-gray-200 overflow-hidden", {
+  variants: {
+    size: {
+      sm: "h-1.5",
+      md: "h-2.5",
+      lg: "h-4"
+    }
+  },
+  defaultVariants: {
+    size: "md"
+  }
+});
+var progressFillVariants = cva(
+  "h-full rounded-full transition-all duration-500 ease-out",
+  {
+    variants: {
+      color: {
+        primary: "bg-primary",
+        secondary: "bg-secondary",
+        accent: "bg-accent",
+        success: "bg-green-500",
+        warning: "bg-amber-500",
+        error: "bg-red-500"
+      }
+    },
+    defaultVariants: {
+      color: "secondary"
+    }
+  }
+);
+var ProgressBar = React.forwardRef(
+  ({
+    value,
+    max = 100,
+    size,
+    color,
+    label,
+    showValue = false,
+    className,
+    ...props
+  }, ref) => {
+    const percentage = Math.min(100, Math.max(0, value / max * 100));
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), ...props, children: [
+      (label || showValue) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+        label && /* @__PURE__ */ jsx("span", { className: "text-sm text-gray-700", children: label }),
+        showValue && /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-gray-600", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cn(progressBarVariants({ size })),
+          role: "progressbar",
+          "aria-valuenow": value,
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          "aria-label": label,
+          children: /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(progressFillVariants({ color })),
+              style: { width: `${percentage}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+
+export { ProgressBar, progressBarVariants, progressFillVariants };