@dododog/ui 0.1.0

package/dist/chunk-OK3E73OK.js

@@ -0,0 +1,126 @@
+'use strict';
+
+// src/tokens/colors.ts
+var colors = {
+  primary: {
+    DEFAULT: "#3b4559",
+    light: "#4a5568",
+    dark: "#2d3748"
+  },
+  secondary: {
+    DEFAULT: "#f27c54",
+    light: "#f5a083",
+    dark: "#e05a2d"
+  },
+  accent: {
+    DEFAULT: "#00bfb3",
+    light: "#33ccc2",
+    dark: "#009990"
+  },
+  sand: {
+    DEFAULT: "#f5f0e8",
+    light: "#faf7f2",
+    dark: "#e8e0d4"
+  },
+  text: {
+    primary: "#3b4559",
+    secondary: "#6b7280",
+    muted: "#9ca3af"
+  },
+  white: "#ffffff",
+  black: "#000000"
+};
+
+// src/tokens/typography.ts
+var fontFamily = {
+  heading: ["var(--font-fraunces)", "serif"],
+  body: ["var(--font-inter)", "sans-serif"]
+};
+var fontSize = {
+  h1: ["64px", { lineHeight: "66px", fontWeight: "700" }],
+  h2: ["40px", { lineHeight: "42px", fontWeight: "700" }],
+  h3: ["24px", { lineHeight: "26px", fontWeight: "700" }],
+  body: ["16px", { lineHeight: "24px", fontWeight: "400" }]
+};
+var typography = {
+  fontFamily,
+  fontSize
+};
+
+// src/tokens/shadows.ts
+var boxShadow = {
+  card: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)",
+  "card-hover": "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)",
+  sm: "0 1px 2px 0 rgba(0, 0, 0, 0.05)",
+  DEFAULT: "0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1)",
+  md: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)",
+  lg: "0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1)",
+  xl: "0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 8px 10px -6px rgba(0, 0, 0, 0.1)",
+  none: "0 0 #0000"
+};
+
+// src/tokens/animations.ts
+var keyframes = {
+  fadeIn: {
+    "0%": { opacity: "0" },
+    "100%": { opacity: "1" }
+  },
+  slideUp: {
+    "0%": { opacity: "0", transform: "translateY(20px)" },
+    "100%": { opacity: "1", transform: "translateY(0)" }
+  },
+  shimmer: {
+    "0%": { backgroundPosition: "200% 0" },
+    "100%": { backgroundPosition: "-200% 0" }
+  },
+  cardAppear: {
+    "0%": { opacity: "0", transform: "translateY(10px)" },
+    "100%": { opacity: "1", transform: "translateY(0)" }
+  },
+  slideFromLeft: {
+    "0%": { opacity: "0", transform: "translateX(-40px)" },
+    "100%": { opacity: "1", transform: "translateX(0)" }
+  },
+  slideFromRight: {
+    "0%": { opacity: "0", transform: "translateX(40px)" },
+    "100%": { opacity: "1", transform: "translateX(0)" }
+  },
+  megamenuIn: {
+    "0%": { opacity: "0", transform: "translateY(-4px)" },
+    "100%": { opacity: "1", transform: "translateY(0)" }
+  },
+  shake: {
+    "0%, 100%": { transform: "translateX(0)" },
+    "20%, 60%": { transform: "translateX(-6px)" },
+    "40%, 80%": { transform: "translateX(6px)" }
+  },
+  "marquee-down": {
+    "0%": { transform: "translateY(0)" },
+    "100%": { transform: "translateY(-50%)" }
+  },
+  "marquee-up": {
+    "0%": { transform: "translateY(-50%)" },
+    "100%": { transform: "translateY(0)" }
+  }
+};
+var animation = {
+  "fade-in": "fadeIn 0.5s ease-out",
+  "slide-up": "slideUp 0.5s ease-out",
+  "pulse-slow": "pulse 3s cubic-bezier(0.4, 0, 0.6, 1) infinite",
+  shimmer: "shimmer 1.5s infinite linear",
+  "card-appear": "cardAppear 0.3s ease-out forwards",
+  "slide-from-left": "slideFromLeft 0.25s ease-out",
+  "slide-from-right": "slideFromRight 0.25s ease-out",
+  "megamenu-in": "megamenuIn 0.2s ease-out",
+  shake: "shake 0.4s ease-in-out",
+  "marquee-down": "marquee-down 30s linear infinite",
+  "marquee-up": "marquee-up 30s linear infinite"
+};
+
+exports.animation = animation;
+exports.boxShadow = boxShadow;
+exports.colors = colors;
+exports.fontFamily = fontFamily;
+exports.fontSize = fontSize;
+exports.keyframes = keyframes;
+exports.typography = typography;

package/dist/chunk-OOPP4ES2.mjs

@@ -0,0 +1,80 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+
+var Carousel = React.forwardRef(
+  ({
+    children,
+    className,
+    showDots = true,
+    showArrows = true,
+    autoPlay = 0
+  }, ref) => {
+    const [current, setCurrent] = React.useState(0);
+    const total = React.Children.count(children);
+    const timerRef = React.useRef();
+    const goTo = React.useCallback(
+      (index) => {
+        setCurrent((index % total + total) % total);
+      },
+      [total]
+    );
+    const prev = React.useCallback(() => goTo(current - 1), [current, goTo]);
+    const next = React.useCallback(() => goTo(current + 1), [current, goTo]);
+    React.useEffect(() => {
+      if (autoPlay > 0 && total > 1) {
+        timerRef.current = setInterval(() => {
+          setCurrent((c) => (c + 1) % total);
+        }, autoPlay);
+        return () => clearInterval(timerRef.current);
+      }
+    }, [autoPlay, total]);
+    if (total === 0) return null;
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("relative group", className), children: [
+      /* @__PURE__ */ jsx("div", { className: "overflow-hidden rounded-xl", children: /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: "flex transition-transform duration-300 ease-out",
+          style: { transform: `translateX(-${current * 100}%)` },
+          children: React.Children.map(children, (child, i) => /* @__PURE__ */ jsx("div", { className: "w-full flex-shrink-0", children: child }, i))
+        }
+      ) }),
+      showArrows && total > 1 && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: prev,
+            className: "absolute left-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-white/80 backdrop-blur-sm shadow flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-white",
+            "aria-label": "Previous",
+            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", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m15 18-6-6 6-6" }) })
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            onClick: next,
+            className: "absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-white/80 backdrop-blur-sm shadow flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-white",
+            "aria-label": "Next",
+            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", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" }) })
+          }
+        )
+      ] }),
+      showDots && total > 1 && /* @__PURE__ */ jsx("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex gap-1.5", children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          onClick: () => goTo(i),
+          className: cn(
+            "w-2 h-2 rounded-full transition-all",
+            i === current ? "bg-white w-4" : "bg-white/60 hover:bg-white/80"
+          ),
+          "aria-label": `Slide ${i + 1}`,
+          "aria-current": i === current ? "true" : void 0
+        },
+        i
+      )) })
+    ] });
+  }
+);
+Carousel.displayName = "Carousel";
+
+export { Carousel };

package/dist/chunk-P7GAKOCX.js

@@ -0,0 +1,102 @@
+'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 Carousel = React__namespace.forwardRef(
+  ({
+    children,
+    className,
+    showDots = true,
+    showArrows = true,
+    autoPlay = 0
+  }, ref) => {
+    const [current, setCurrent] = React__namespace.useState(0);
+    const total = React__namespace.Children.count(children);
+    const timerRef = React__namespace.useRef();
+    const goTo = React__namespace.useCallback(
+      (index) => {
+        setCurrent((index % total + total) % total);
+      },
+      [total]
+    );
+    const prev = React__namespace.useCallback(() => goTo(current - 1), [current, goTo]);
+    const next = React__namespace.useCallback(() => goTo(current + 1), [current, goTo]);
+    React__namespace.useEffect(() => {
+      if (autoPlay > 0 && total > 1) {
+        timerRef.current = setInterval(() => {
+          setCurrent((c) => (c + 1) % total);
+        }, autoPlay);
+        return () => clearInterval(timerRef.current);
+      }
+    }, [autoPlay, total]);
+    if (total === 0) return null;
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("relative group", className), children: [
+      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden rounded-xl", children: /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: "flex transition-transform duration-300 ease-out",
+          style: { transform: `translateX(-${current * 100}%)` },
+          children: React__namespace.Children.map(children, (child, i) => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "w-full flex-shrink-0", children: child }, i))
+        }
+      ) }),
+      showArrows && total > 1 && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: prev,
+            className: "absolute left-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-white/80 backdrop-blur-sm shadow flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-white",
+            "aria-label": "Previous",
+            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" }) })
+          }
+        ),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            onClick: next,
+            className: "absolute right-2 top-1/2 -translate-y-1/2 w-8 h-8 rounded-full bg-white/80 backdrop-blur-sm shadow flex items-center justify-center opacity-0 group-hover:opacity-100 transition-opacity hover:bg-white",
+            "aria-label": "Next",
+            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" }) })
+          }
+        )
+      ] }),
+      showDots && total > 1 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute bottom-3 left-1/2 -translate-x-1/2 flex gap-1.5", children: Array.from({ length: total }, (_, i) => /* @__PURE__ */ jsxRuntime.jsx(
+        "button",
+        {
+          onClick: () => goTo(i),
+          className: chunkADIDI7AJ_js.cn(
+            "w-2 h-2 rounded-full transition-all",
+            i === current ? "bg-white w-4" : "bg-white/60 hover:bg-white/80"
+          ),
+          "aria-label": `Slide ${i + 1}`,
+          "aria-current": i === current ? "true" : void 0
+        },
+        i
+      )) })
+    ] });
+  }
+);
+Carousel.displayName = "Carousel";
+
+exports.Carousel = Carousel;

package/dist/chunk-PAHSQMXV.mjs

@@ -0,0 +1,65 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var Skeleton = React.forwardRef(
+  ({ className, shimmer = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(
+        "rounded-md bg-[#E8E3DB]",
+        shimmer && "animate-shimmer bg-gradient-to-r from-[#E8E3DB] via-[#F5F0E8] to-[#E8E3DB] bg-[length:200%_100%]",
+        "motion-reduce:animate-none",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Skeleton.displayName = "Skeleton";
+var SkeletonText = React.forwardRef(
+  ({ lines = 3, className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("space-y-2", className), ...props, children: Array.from({ length: lines }).map((_, i) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      className: cn("h-4", i === lines - 1 ? "w-3/4" : "w-full")
+    },
+    i
+  )) })
+);
+SkeletonText.displayName = "SkeletonText";
+var circleSizes = {
+  sm: "w-8 h-8",
+  md: "w-12 h-12",
+  lg: "w-16 h-16",
+  xl: "w-24 h-24"
+};
+var SkeletonCircle = React.forwardRef(
+  ({ size = "md", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      ref,
+      className: cn("rounded-full", circleSizes[size], className),
+      ...props
+    }
+  )
+);
+SkeletonCircle.displayName = "SkeletonCircle";
+var aspectRatios = {
+  video: "aspect-video",
+  square: "aspect-square",
+  wide: "aspect-[16/10]"
+};
+var SkeletonImage = React.forwardRef(
+  ({ aspectRatio = "video", className, ...props }, ref) => /* @__PURE__ */ jsx(
+    Skeleton,
+    {
+      ref,
+      className: cn("w-full", aspectRatios[aspectRatio], className),
+      ...props
+    }
+  )
+);
+SkeletonImage.displayName = "SkeletonImage";
+
+export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText };

package/dist/chunk-PG4I4NWO.js

@@ -0,0 +1,103 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+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 progressBarVariants = classVarianceAuthority.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 = classVarianceAuthority.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__namespace.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__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("w-full", className), ...props, children: [
+      (label || showValue) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+        label && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm text-gray-700", children: label }),
+        showValue && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "text-sm font-medium text-gray-600", children: [
+          Math.round(percentage),
+          "%"
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: chunkADIDI7AJ_js.cn(progressBarVariants({ size })),
+          role: "progressbar",
+          "aria-valuenow": value,
+          "aria-valuemin": 0,
+          "aria-valuemax": max,
+          "aria-label": label,
+          children: /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              className: chunkADIDI7AJ_js.cn(progressFillVariants({ color })),
+              style: { width: `${percentage}%` }
+            }
+          )
+        }
+      )
+    ] });
+  }
+);
+ProgressBar.displayName = "ProgressBar";
+
+exports.ProgressBar = ProgressBar;
+exports.progressBarVariants = progressBarVariants;
+exports.progressFillVariants = progressFillVariants;

package/dist/chunk-PND5YKFN.js

@@ -0,0 +1,68 @@
+'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 BottomNavBar = React__namespace.forwardRef(
+  ({ items, className, onNavigate }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": "Navigation principale",
+        className: chunkADIDI7AJ_js.cn(
+          "w-full border-t border-sand-dark bg-white",
+          className
+        ),
+        children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex h-16 items-center justify-around", children: items.map((item) => {
+          const Tag = onNavigate ? "button" : "a";
+          return /* @__PURE__ */ jsxRuntime.jsx("li", { children: /* @__PURE__ */ jsxRuntime.jsxs(
+            Tag,
+            {
+              ...onNavigate ? { onClick: () => onNavigate(item.href), type: "button" } : { href: item.href },
+              "aria-current": item.isActive ? "page" : void 0,
+              className: "flex min-h-[44px] min-w-[44px] flex-col items-center justify-center gap-0.5 transition-colors duration-300 ease-in-out",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx("span", { className: item.isActive ? "text-primary" : "text-text-muted", children: item.icon }),
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "span",
+                  {
+                    className: chunkADIDI7AJ_js.cn(
+                      "text-[11px] font-medium",
+                      item.isActive ? "text-primary" : "text-text-muted"
+                    ),
+                    children: item.label
+                  }
+                )
+              ]
+            }
+          ) }, item.key);
+        }) })
+      }
+    );
+  }
+);
+BottomNavBar.displayName = "BottomNavBar";
+
+exports.BottomNavBar = BottomNavBar;

package/dist/chunk-PPDKQ3FF.mjs

@@ -0,0 +1,115 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+var defaultRenderLink = ({
+  href,
+  className,
+  children
+}) => /* @__PURE__ */ jsx("a", { href, className, children });
+var Header = React.forwardRef(
+  ({
+    logo,
+    navItems = [],
+    activeDropdown,
+    onNavHover,
+    onNavClick,
+    rightContent,
+    onMobileMenuOpen,
+    variant = "default",
+    renderLink = defaultRenderLink,
+    className
+  }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "header",
+      {
+        ref,
+        className: cn(
+          "w-full z-50 transition-all duration-300 border-b bg-white",
+          variant === "scrolled" ? "shadow-sm border-gray-100" : "border-gray-100",
+          className
+        ),
+        children: /* @__PURE__ */ jsx("div", { className: "w-full px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between h-16 md:h-[72px]", children: [
+          /* @__PURE__ */ jsx("div", { className: "shrink-0", children: logo }),
+          navItems.length > 0 && /* @__PURE__ */ jsx("nav", { className: "hidden lg:flex items-center justify-center flex-1 px-8", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-1", children: navItems.map((item) => /* @__PURE__ */ jsx(
+            "div",
+            {
+              onMouseEnter: () => item.hasDropdown && onNavHover?.(item.key),
+              onMouseLeave: () => item.hasDropdown && onNavHover?.(null),
+              children: item.hasDropdown ? /* @__PURE__ */ jsxs(
+                "button",
+                {
+                  className: cn(
+                    "flex items-center gap-1 px-4 py-2 text-sm font-medium text-primary hover:text-secondary transition-colors outline-none focus:outline-none",
+                    activeDropdown === item.key && "text-secondary"
+                  ),
+                  onFocus: () => onNavHover?.(item.key),
+                  onClick: () => onNavClick?.(item.key, item.href),
+                  children: [
+                    item.label,
+                    /* @__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",
+                        className: cn(
+                          "transition-transform duration-200",
+                          activeDropdown === item.key && "rotate-180"
+                        ),
+                        children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" })
+                      }
+                    )
+                  ]
+                }
+              ) : /* @__PURE__ */ jsx(Fragment, { children: renderLink({
+                href: item.href || "#",
+                className: "px-4 py-2 text-sm font-medium text-primary hover:text-secondary transition-colors",
+                children: item.label
+              }) })
+            },
+            item.key
+          )) }) }),
+          /* @__PURE__ */ jsx("div", { className: "hidden lg:flex items-center gap-1 shrink-0", children: rightContent }),
+          onMobileMenuOpen && /* @__PURE__ */ jsx(
+            "button",
+            {
+              className: "lg:hidden p-2 hover:bg-gray-100 rounded-full transition-colors",
+              onClick: onMobileMenuOpen,
+              "aria-label": "Ouvrir le menu",
+              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-primary",
+                  children: [
+                    /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "12", y2: "12" }),
+                    /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "6", y2: "6" }),
+                    /* @__PURE__ */ jsx("line", { x1: "4", x2: "20", y1: "18", y2: "18" })
+                  ]
+                }
+              )
+            }
+          )
+        ] }) })
+      }
+    );
+  }
+);
+Header.displayName = "Header";
+
+export { Header };