@dododog/ui 0.1.0

package/dist/chunk-BQWVWK74.mjs

@@ -0,0 +1,125 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var variantStyles = {
+  warning: {
+    container: "border-amber-200 bg-amber-50 text-amber-800",
+    icon: "text-amber-600",
+    dismiss: "hover:bg-amber-100 focus-visible:ring-amber-500",
+    retry: "border-amber-300 text-amber-800 hover:bg-amber-100"
+  },
+  error: {
+    container: "border-red-200 bg-red-50 text-red-800",
+    icon: "text-red-600",
+    dismiss: "hover:bg-red-100 focus-visible:ring-red-500",
+    retry: "border-red-300 text-red-800 hover:bg-red-100"
+  },
+  success: {
+    container: "border-emerald-200 bg-emerald-50 text-emerald-800",
+    icon: "text-emerald-600",
+    dismiss: "hover:bg-emerald-100 focus-visible:ring-emerald-500",
+    retry: "border-emerald-300 text-emerald-800 hover:bg-emerald-100"
+  },
+  info: {
+    container: "border-blue-200 bg-blue-50 text-blue-800",
+    icon: "text-blue-600",
+    dismiss: "hover:bg-blue-100 focus-visible:ring-blue-500",
+    retry: "border-blue-300 text-blue-800 hover:bg-blue-100"
+  }
+};
+var Alert = React.forwardRef(
+  ({
+    message,
+    variant = "warning",
+    onDismiss,
+    onRetry,
+    retryLabel = "R\xE9essayer",
+    isRetrying = false,
+    className
+  }, ref) => {
+    const styles = variantStyles[variant];
+    const isRetryable = !!onRetry;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "alert",
+        "aria-live": "polite",
+        className: cn(
+          "rounded-xl border p-4",
+          styles.container,
+          isRetryable && "flex flex-col items-center gap-3 p-6 text-center",
+          !isRetryable && "flex items-start gap-3",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              xmlns: "http://www.w3.org/2000/svg",
+              width: isRetryable ? 24 : 20,
+              height: isRetryable ? 24 : 20,
+              viewBox: "0 0 24 24",
+              fill: "none",
+              stroke: "currentColor",
+              strokeWidth: "2",
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              className: cn(styles.icon, !isRetryable && "mt-0.5 shrink-0"),
+              "aria-hidden": "true",
+              children: [
+                /* @__PURE__ */ 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__ */ jsx("path", { d: "M12 9v4" }),
+                /* @__PURE__ */ jsx("path", { d: "M12 17h.01" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("p", { className: cn("text-sm", !isRetryable && "flex-1"), children: message }),
+          onDismiss && !isRetryable && /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              onClick: onDismiss,
+              className: cn(
+                "shrink-0 rounded-lg p-1 transition-colors duration-300 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+                styles.dismiss
+              ),
+              "aria-label": "Fermer l'alerte",
+              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", "aria-hidden": "true", children: [
+                /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+              ] })
+            }
+          ),
+          isRetryable && /* @__PURE__ */ jsxs(
+            "button",
+            {
+              onClick: onRetry,
+              disabled: isRetrying,
+              className: cn(
+                "flex min-h-[44px] items-center gap-2 rounded-xl border px-4 py-2 text-sm font-medium transition-colors disabled:opacity-70",
+                styles.retry
+              ),
+              children: [
+                isRetrying ? /* @__PURE__ */ jsxs("svg", { className: "w-4 h-4 animate-spin", xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", stroke: "currentColor", strokeWidth: "4" }),
+                  /* @__PURE__ */ jsx("path", { className: "opacity-75", fill: "currentColor", d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z" })
+                ] }) : /* @__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", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx("path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }),
+                  /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" }),
+                  /* @__PURE__ */ jsx("path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }),
+                  /* @__PURE__ */ jsx("path", { d: "M8 16H3v5" })
+                ] }),
+                isRetrying ? "Chargement..." : retryLabel
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Alert.displayName = "Alert";
+
+export { Alert };

package/dist/chunk-BUXVK2HE.mjs

@@ -0,0 +1,79 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var DEFAULT_BLUR_DATA_URL = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIHZpZXdCb3g9IjAgMCAxMCAxMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cmVjdCB3aWR0aD0iMTAiIGhlaWdodD0iMTAiIGZpbGw9IiNFOEUzREIiLz48L3N2Zz4=";
+var ImageWithFallback = React.forwardRef(
+  ({
+    src,
+    alt,
+    fallbackSrc,
+    className,
+    useBlur = true,
+    blurDataURL,
+    renderImage,
+    ...props
+  }, ref) => {
+    const [status, setStatus] = React.useState("loading");
+    const [imgSrc, setImgSrc] = React.useState(src);
+    React.useEffect(() => {
+      if (src !== imgSrc) {
+        setImgSrc(src);
+        setStatus("loading");
+      }
+    }, [src]);
+    const handleLoad = () => setStatus("loaded");
+    const handleError = () => {
+      setStatus("error");
+      if (fallbackSrc) {
+        setImgSrc(fallbackSrc);
+      }
+    };
+    const imgProps = {
+      ...props,
+      src: imgSrc,
+      alt: alt ?? "",
+      className: cn(
+        "object-cover transition-all duration-500 ease-out w-full h-full",
+        status === "loaded" ? "opacity-100 blur-0 scale-100" : "opacity-0 blur-sm scale-105"
+      ),
+      onLoad: handleLoad,
+      onError: handleError
+    };
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: cn(
+          "relative overflow-hidden bg-[#F5F0E8] w-full h-full",
+          className
+        ),
+        children: [
+          status === "loading" && /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: cn(
+                "absolute inset-0 z-10 transition-opacity duration-500",
+                useBlur ? "blur-lg scale-110" : ""
+              ),
+              children: useBlur ? /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: "absolute inset-0 bg-cover bg-center",
+                  style: {
+                    backgroundImage: `url(${blurDataURL || DEFAULT_BLUR_DATA_URL})`,
+                    backgroundColor: "#E8E3DB"
+                  }
+                }
+              ) : /* @__PURE__ */ jsx("div", { className: "absolute inset-0 animate-shimmer bg-gradient-to-r from-[#E8E3DB] via-[#F5F0E8] to-[#E8E3DB] bg-[length:200%_100%] motion-reduce:animate-none" })
+            }
+          ),
+          renderImage ? renderImage(imgProps) : /* @__PURE__ */ jsx("img", { ...imgProps })
+        ]
+      }
+    );
+  }
+);
+ImageWithFallback.displayName = "ImageWithFallback";
+
+export { ImageWithFallback };

package/dist/chunk-C4RZBOKH.js

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