@dododog/ui 0.1.0

package/dist/chunk-S5TLUDNM.js

@@ -0,0 +1,95 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var react = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+var ErrorBoundary = class extends react.Component {
+  constructor(props) {
+    super(props);
+    this.handleRetry = () => {
+      this.setState({ hasError: false, error: void 0 });
+    };
+    this.state = { hasError: false };
+  }
+  static getDerivedStateFromError(error) {
+    return { hasError: true, error };
+  }
+  componentDidCatch(error, errorInfo) {
+    console.error("[ErrorBoundary] Caught error:", error, errorInfo);
+    this.props.onError?.(error, errorInfo);
+  }
+  render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback;
+      }
+      return /* @__PURE__ */ jsxRuntime.jsxs(
+        "div",
+        {
+          className: chunkADIDI7AJ_js.cn(
+            "p-6 bg-white rounded-xl border border-sand-dark text-center",
+            this.props.className
+          ),
+          children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "svg",
+              {
+                xmlns: "http://www.w3.org/2000/svg",
+                width: "48",
+                height: "48",
+                viewBox: "0 0 24 24",
+                fill: "none",
+                stroke: "currentColor",
+                strokeWidth: "2",
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                className: "text-secondary mx-auto mb-4",
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 9v4" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 17h.01" })
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx("h3", { className: "font-heading text-lg text-primary mb-2", children: "Something went wrong" }),
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-text-secondary text-sm mb-4", children: "Some elements could not be displayed." }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                onClick: this.handleRetry,
+                className: "inline-flex items-center gap-2 px-4 py-2 bg-secondary text-white rounded-lg hover:bg-secondary-dark transition-colors",
+                children: [
+                  /* @__PURE__ */ jsxRuntime.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",
+                      "aria-hidden": "true",
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+                        /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M21 3v5h-5" })
+                      ]
+                    }
+                  ),
+                  "Retry"
+                ]
+              }
+            )
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+
+exports.ErrorBoundary = ErrorBoundary;

package/dist/chunk-SCGN5H6D.js

@@ -0,0 +1,112 @@
+'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);
+
+function getPageRange(current, total, siblings) {
+  const totalNumbers = siblings * 2 + 3;
+  if (total <= totalNumbers + 2) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  const leftSibling = Math.max(current - siblings, 2);
+  const rightSibling = Math.min(current + siblings, total - 1);
+  const showLeftDots = leftSibling > 2;
+  const showRightDots = rightSibling < total - 1;
+  const pages = [1];
+  if (showLeftDots) {
+    pages.push("dots");
+  }
+  for (let i = leftSibling; i <= rightSibling; i++) {
+    pages.push(i);
+  }
+  if (showRightDots) {
+    pages.push("dots");
+  }
+  pages.push(total);
+  return pages;
+}
+var Pagination = React__namespace.forwardRef(
+  ({ currentPage, totalPages, onPageChange, siblingCount = 1, className }, ref) => {
+    if (totalPages <= 1) return null;
+    const pages = getPageRange(currentPage, totalPages, siblingCount);
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "nav",
+      {
+        ref,
+        role: "navigation",
+        "aria-label": "Pagination",
+        className: chunkADIDI7AJ_js.cn("flex items-center justify-center gap-1", className),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => onPageChange(currentPage - 1),
+              disabled: currentPage === 1,
+              className: "flex items-center justify-center w-10 h-10 rounded-lg border border-gray-200 text-primary hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+              "aria-label": "Page pr\xE9c\xE9dente",
+              children: /* @__PURE__ */ jsxRuntime.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", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m15 18-6-6 6-6" }) })
+            }
+          ),
+          pages.map(
+            (page, i) => page === "dots" ? /* @__PURE__ */ jsxRuntime.jsx(
+              "span",
+              {
+                className: "flex items-center justify-center w-10 h-10 text-gray-400 text-sm",
+                "aria-hidden": "true",
+                children: "..."
+              },
+              `dots-${i}`
+            ) : /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                onClick: () => onPageChange(page),
+                className: chunkADIDI7AJ_js.cn(
+                  "flex items-center justify-center w-10 h-10 rounded-lg text-sm font-medium transition-colors",
+                  page === currentPage ? "bg-secondary text-white" : "border border-gray-200 text-primary hover:bg-gray-50"
+                ),
+                "aria-label": `Page ${page}`,
+                "aria-current": page === currentPage ? "page" : void 0,
+                children: page
+              },
+              page
+            )
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "button",
+            {
+              onClick: () => onPageChange(currentPage + 1),
+              disabled: currentPage === totalPages,
+              className: "flex items-center justify-center w-10 h-10 rounded-lg border border-gray-200 text-primary hover:bg-gray-50 disabled:opacity-40 disabled:cursor-not-allowed transition-colors",
+              "aria-label": "Page suivante",
+              children: /* @__PURE__ */ jsxRuntime.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", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m9 18 6-6-6-6" }) })
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Pagination.displayName = "Pagination";
+
+exports.Pagination = Pagination;

package/dist/chunk-SGDC4IVX.mjs

@@ -0,0 +1,120 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+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__ */ 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__ */ 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__ */ 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__ */ jsx("defs", { children: /* @__PURE__ */ jsx("clipPath", { id: "half", children: /* @__PURE__ */ jsx("rect", { x: "0", y: "0", width: "12", height: "24" }) }) }),
+        /* @__PURE__ */ 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__ */ 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.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__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn("flex items-center gap-1", className),
+        role: "img",
+        "aria-label": `${value} sur ${max} \xE9toiles`,
+        ...props,
+        children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex", children: [
+            Array.from({ length: fullStars }).map((_, i) => /* @__PURE__ */ jsx(
+              StarIcon,
+              {
+                className: cn(starSizes[size], "fill-yellow-400 text-yellow-400")
+              },
+              `full-${i}`
+            )),
+            hasHalfStar && /* @__PURE__ */ jsx(
+              StarHalfIcon,
+              {
+                className: cn(starSizes[size], "text-yellow-400")
+              }
+            ),
+            Array.from({ length: emptyStars }).map((_, i) => /* @__PURE__ */ jsx(
+              StarIcon,
+              {
+                className: cn(starSizes[size], "fill-none text-gray-300")
+              },
+              `empty-${i}`
+            ))
+          ] }),
+          showValue && /* @__PURE__ */ jsx("span", { className: cn("font-medium text-primary", textSizes[size]), children: value.toFixed(1) }),
+          reviewCount !== void 0 && /* @__PURE__ */ jsxs("span", { className: cn("text-text-muted", textSizes[size]), children: [
+            "(",
+            reviewCount,
+            " avis)"
+          ] })
+        ]
+      }
+    );
+  }
+);
+Rating.displayName = "Rating";
+
+export { Rating };

package/dist/chunk-SZ3SV4SJ.mjs

@@ -0,0 +1,116 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var defaultRenderLink = ({
+  href,
+  className,
+  children
+}) => /* @__PURE__ */ jsx("a", { href, className, children });
+var Footer = React.forwardRef(
+  ({
+    brand,
+    linkGroups = [],
+    bottomLinks = [],
+    bottomExtra,
+    copyright,
+    tagline,
+    renderLink = defaultRenderLink,
+    className
+  }, ref) => {
+    const year = (/* @__PURE__ */ new Date()).getFullYear();
+    return /* @__PURE__ */ jsxs("footer", { ref, className: cn("bg-primary text-white", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "py-12 md:py-16", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "grid gap-8",
+            brand ? "grid-cols-2 md:grid-cols-3 lg:grid-cols-5" : "grid-cols-2 md:grid-cols-4"
+          ),
+          children: [
+            brand && /* @__PURE__ */ jsxs("div", { className: "col-span-2 md:col-span-3 lg:col-span-1", children: [
+              /* @__PURE__ */ jsx("div", { className: "mb-4", children: brand.logo }),
+              brand.description && /* @__PURE__ */ jsx("p", { className: "text-white/80 text-sm mb-6", children: brand.description }),
+              brand.contactEmail && /* @__PURE__ */ jsxs(
+                "a",
+                {
+                  href: `mailto:${brand.contactEmail}`,
+                  className: "flex items-center gap-2 text-sm text-white/70 hover:text-secondary transition-colors",
+                  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("rect", { width: "20", height: "16", x: "2", y: "4", rx: "2" }),
+                          /* @__PURE__ */ jsx("path", { d: "m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7" })
+                        ]
+                      }
+                    ),
+                    brand.contactEmail
+                  ]
+                }
+              )
+            ] }),
+            linkGroups.map((group) => /* @__PURE__ */ jsxs("div", { children: [
+              /* @__PURE__ */ jsx("p", { className: "font-heading font-bold mb-4", children: group.title }),
+              /* @__PURE__ */ jsx("ul", { className: "space-y-2", children: group.links.map((link) => /* @__PURE__ */ jsx("li", { children: renderLink({
+                href: link.href,
+                className: "text-sm text-white/70 hover:text-secondary transition-colors",
+                children: link.label
+              }) }, link.label)) }),
+              group.cta && /* @__PURE__ */ jsx("div", { className: "mt-3", children: renderLink({
+                href: group.cta.href,
+                className: "inline-flex items-center gap-1 text-sm font-medium text-secondary hover:text-secondary/80 transition-colors",
+                children: /* @__PURE__ */ jsxs(Fragment, { children: [
+                  group.cta.label,
+                  /* @__PURE__ */ jsxs(
+                    "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",
+                      children: [
+                        /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                        /* @__PURE__ */ jsx("path", { d: "m12 5 7 7-7 7" })
+                      ]
+                    }
+                  )
+                ] })
+              }) })
+            ] }, group.title))
+          ]
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx("div", { className: "border-t border-white/10 py-6", children: /* @__PURE__ */ jsx("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center gap-4", children: [
+        (bottomLinks.length > 0 || bottomExtra) && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap justify-center gap-x-4 gap-y-2 text-sm text-white/60", children: [
+          bottomLinks.map((link) => /* @__PURE__ */ jsx(React.Fragment, { children: renderLink({
+            href: link.href,
+            className: "hover:text-white transition-colors",
+            children: link.label
+          }) }, link.label)),
+          bottomExtra
+        ] }),
+        tagline && /* @__PURE__ */ jsx("div", { className: "text-sm text-white/60", children: tagline }),
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} DodoDog. Tous droits r\xE9serv\xE9s.` })
+      ] }) }) })
+    ] });
+  }
+);
+Footer.displayName = "Footer";
+
+export { Footer };

package/dist/chunk-T5FLQQP6.js

@@ -0,0 +1,106 @@
+'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 DropdownMenu = React__namespace.forwardRef(
+  ({ trigger, items, onSelect, align = "left", className }, ref) => {
+    const [open, setOpen] = React__namespace.useState(false);
+    const containerRef = React__namespace.useRef(null);
+    React__namespace.useEffect(() => {
+      function handleClickOutside(e) {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setOpen(false);
+        }
+      }
+      if (open) {
+        document.addEventListener("mousedown", handleClickOutside);
+        return () => document.removeEventListener("mousedown", handleClickOutside);
+      }
+    }, [open]);
+    React__namespace.useEffect(() => {
+      function handleEscape(e) {
+        if (e.key === "Escape") setOpen(false);
+      }
+      if (open) {
+        document.addEventListener("keydown", handleEscape);
+        return () => document.removeEventListener("keydown", handleEscape);
+      }
+    }, [open]);
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("relative inline-block", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          ref: containerRef,
+          onClick: () => setOpen((o) => !o),
+          role: "button",
+          tabIndex: 0,
+          "aria-expanded": open,
+          "aria-haspopup": "menu",
+          onKeyDown: (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              setOpen((o) => !o);
+            }
+          },
+          children: trigger
+        }
+      ),
+      open && /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          role: "menu",
+          className: chunkADIDI7AJ_js.cn(
+            "absolute z-50 mt-1 min-w-[180px] bg-white rounded-xl border border-gray-200 shadow-lg py-1 animate-megamenu-in",
+            align === "right" ? "right-0" : "left-0"
+          ),
+          children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              role: "menuitem",
+              disabled: item.disabled,
+              onClick: () => {
+                onSelect(item.id);
+                setOpen(false);
+              },
+              className: chunkADIDI7AJ_js.cn(
+                "flex items-center gap-2 w-full px-4 py-2.5 text-sm text-left transition-colors",
+                item.destructive ? "text-red-600 hover:bg-red-50" : "text-gray-700 hover:bg-gray-50",
+                item.disabled && "opacity-40 cursor-not-allowed"
+              ),
+              children: [
+                item.icon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "flex-shrink-0", "aria-hidden": "true", children: item.icon }),
+                item.label
+              ]
+            },
+            item.id
+          ))
+        }
+      )
+    ] });
+  }
+);
+DropdownMenu.displayName = "DropdownMenu";
+
+exports.DropdownMenu = DropdownMenu;

package/dist/chunk-TDGU5Y2P.js

@@ -0,0 +1,136 @@
+'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 DualRangeSlider = React__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("w-full", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-gray-200" }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "div",
+          {
+            className: "absolute h-full rounded-full bg-secondary",
+            style: { left: `${leftPercent}%`, right: `${rightPercent}%` }
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "range",
+            min,
+            max,
+            step,
+            value: valueMin,
+            onChange: handleMinChange,
+            "aria-label": "Minimum",
+            className: chunkADIDI7AJ_js.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__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "range",
+            min,
+            max,
+            step,
+            value: valueMax,
+            onChange: handleMaxChange,
+            "aria-label": "Maximum",
+            className: chunkADIDI7AJ_js.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__ */ jsxRuntime.jsxs("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: labelMin }),
+        /* @__PURE__ */ jsxRuntime.jsx("span", { children: labelMax })
+      ] })
+    ] });
+  }
+);
+DualRangeSlider.displayName = "DualRangeSlider";
+
+exports.DualRangeSlider = DualRangeSlider;