@dododog/ui 0.1.0

package/dist/chunk-3R7PT3JG.js

@@ -0,0 +1,215 @@
+'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 selectVariants = classVarianceAuthority.cva(
+  "w-full border bg-white transition-all text-primary cursor-pointer",
+  {
+    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 Select = React__namespace.forwardRef(
+  ({
+    className,
+    size,
+    variant,
+    label,
+    error,
+    required,
+    options,
+    placeholder,
+    value,
+    onChange,
+    disabled = false
+  }, ref) => {
+    const [isOpen, setIsOpen] = React__namespace.useState(false);
+    const [highlightedIndex, setHighlightedIndex] = React__namespace.useState(-1);
+    const containerRef = React__namespace.useRef(null);
+    const listboxRef = React__namespace.useRef(null);
+    const resolvedVariant = error ? "error" : variant ?? "default";
+    const selectedOption = options.find((o) => o.value === value);
+    React__namespace.useEffect(() => {
+      const handleClickOutside = (e) => {
+        if (containerRef.current && !containerRef.current.contains(e.target)) {
+          setIsOpen(false);
+        }
+      };
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, []);
+    React__namespace.useEffect(() => {
+      if (isOpen && highlightedIndex >= 0 && listboxRef.current) {
+        const items = listboxRef.current.children;
+        if (items[highlightedIndex]) {
+          items[highlightedIndex].scrollIntoView({
+            block: "nearest"
+          });
+        }
+      }
+    }, [highlightedIndex, isOpen]);
+    const handleToggle = () => {
+      if (disabled) return;
+      setIsOpen((prev) => !prev);
+      if (!isOpen) {
+        const idx = options.findIndex((o) => o.value === value);
+        setHighlightedIndex(idx >= 0 ? idx : 0);
+      }
+    };
+    const handleSelect = (optionValue) => {
+      onChange?.(optionValue);
+      setIsOpen(false);
+    };
+    const handleKeyDown = (e) => {
+      if (disabled) return;
+      switch (e.key) {
+        case "Enter":
+        case " ":
+          e.preventDefault();
+          if (isOpen && highlightedIndex >= 0) {
+            handleSelect(options[highlightedIndex].value);
+          } else {
+            handleToggle();
+          }
+          break;
+        case "Escape":
+          e.preventDefault();
+          setIsOpen(false);
+          break;
+        case "ArrowDown":
+          e.preventDefault();
+          if (!isOpen) {
+            setIsOpen(true);
+            const idx = options.findIndex((o) => o.value === value);
+            setHighlightedIndex(idx >= 0 ? idx : 0);
+          } else {
+            setHighlightedIndex(
+              (prev) => prev < options.length - 1 ? prev + 1 : prev
+            );
+          }
+          break;
+        case "ArrowUp":
+          e.preventDefault();
+          if (isOpen) {
+            setHighlightedIndex((prev) => prev > 0 ? prev - 1 : prev);
+          }
+          break;
+      }
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", ref, children: [
+      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium text-primary mb-1.5", children: [
+        label,
+        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", children: " *" })
+      ] }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: containerRef, className: "relative", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(
+          "button",
+          {
+            type: "button",
+            role: "combobox",
+            "aria-expanded": isOpen,
+            "aria-haspopup": "listbox",
+            disabled,
+            onClick: handleToggle,
+            onKeyDown: handleKeyDown,
+            className: chunkADIDI7AJ_js.cn(
+              selectVariants({ size, variant: resolvedVariant }),
+              "pr-10 text-left",
+              disabled && "opacity-50 cursor-not-allowed",
+              !selectedOption && "text-text-muted",
+              className
+            ),
+            children: selectedOption ? selectedOption.label : placeholder ?? "S\xE9lectionner..."
+          }
+        ),
+        /* @__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",
+            className: chunkADIDI7AJ_js.cn(
+              "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted pointer-events-none transition-transform",
+              isOpen && "rotate-180"
+            ),
+            children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "m6 9 6 6 6-6" })
+          }
+        ),
+        isOpen && /* @__PURE__ */ jsxRuntime.jsxs(
+          "ul",
+          {
+            ref: listboxRef,
+            role: "listbox",
+            className: "absolute z-50 mt-1 w-full bg-white border border-gray-200 rounded-xl shadow-lg max-h-60 overflow-auto py-1",
+            children: [
+              options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+                "li",
+                {
+                  role: "option",
+                  "aria-selected": option.value === value,
+                  onClick: () => handleSelect(option.value),
+                  onMouseEnter: () => setHighlightedIndex(index),
+                  className: chunkADIDI7AJ_js.cn(
+                    "px-4 py-2.5 text-sm cursor-pointer transition-colors",
+                    option.value === value ? "text-secondary font-medium" : "text-primary",
+                    highlightedIndex === index && "bg-sand-light"
+                  ),
+                  children: option.label
+                },
+                option.value
+              )),
+              options.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "px-4 py-2.5 text-sm text-text-muted", children: "Aucune option" })
+            ]
+          }
+        )
+      ] }),
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+Select.displayName = "Select";
+
+exports.Select = Select;
+exports.selectVariants = selectVariants;

package/dist/chunk-3VU6TPAT.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 Stepper = React__namespace.forwardRef(
+  ({ steps, currentIndex, processing = false, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsx(
+      "nav",
+      {
+        ref,
+        "aria-label": "Progression",
+        className: chunkADIDI7AJ_js.cn("w-full", className),
+        children: /* @__PURE__ */ jsxRuntime.jsx("ol", { className: "flex items-center justify-between", children: steps.map((step, index) => {
+          const isCompleted = index < currentIndex;
+          const isCurrent = index === currentIndex;
+          const isUpcoming = index > currentIndex;
+          const isProcessing = isCurrent && processing;
+          return /* @__PURE__ */ jsxRuntime.jsxs(
+            "li",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "flex items-center",
+                index < steps.length - 1 && "flex-1"
+              ),
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative flex flex-col items-center", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "div",
+                    {
+                      className: chunkADIDI7AJ_js.cn(
+                        "flex items-center justify-center w-10 h-10 rounded-full border-2 transition-all duration-300",
+                        isCompleted && "bg-secondary border-secondary text-white",
+                        isCurrent && !isProcessing && "bg-secondary border-secondary text-white",
+                        isProcessing && "bg-secondary/20 border-secondary text-secondary",
+                        isUpcoming && "bg-white border-gray-300 text-gray-400"
+                      ),
+                      "aria-current": isCurrent ? "step" : void 0,
+                      children: isCompleted ? /* @__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: "M20 6 9 17l-5-5" }) }) : isProcessing ? /* @__PURE__ */ jsxRuntime.jsxs("svg", { className: "w-5 h-5 animate-spin", 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 12h4z" })
+                      ] }) : /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-sm font-semibold", children: index + 1 })
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntime.jsxs(
+                    "span",
+                    {
+                      className: chunkADIDI7AJ_js.cn(
+                        "absolute -bottom-6 text-xs font-medium whitespace-nowrap transition-colors duration-300",
+                        (isCompleted || isCurrent) && "text-secondary",
+                        isUpcoming && "text-gray-400"
+                      ),
+                      children: [
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "hidden sm:inline", children: step.label }),
+                        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sm:hidden", children: index + 1 })
+                      ]
+                    }
+                  )
+                ] }),
+                index < steps.length - 1 && /* @__PURE__ */ jsxRuntime.jsx(
+                  "div",
+                  {
+                    className: chunkADIDI7AJ_js.cn(
+                      "flex-1 h-0.5 mx-2 transition-colors duration-500",
+                      isCompleted ? "bg-secondary" : "bg-gray-200"
+                    ),
+                    "aria-hidden": "true"
+                  }
+                )
+              ]
+            },
+            step.id
+          );
+        }) })
+      }
+    );
+  }
+);
+Stepper.displayName = "Stepper";
+
+exports.Stepper = Stepper;

package/dist/chunk-4U5MNA3B.mjs

@@ -0,0 +1,101 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var buttonVariants = cva(
+  "inline-flex items-center justify-center font-medium rounded-full transition-all duration-200 active:scale-95 disabled:opacity-50 disabled:cursor-not-allowed",
+  {
+    variants: {
+      variant: {
+        primary: "bg-secondary text-white hover:bg-secondary-dark shadow-md hover:shadow-lg",
+        secondary: "bg-primary text-white hover:bg-primary-dark",
+        accent: "bg-accent text-white hover:bg-accent-dark",
+        outline: "border-2 border-primary text-primary hover:bg-primary hover:text-white",
+        ghost: "text-primary hover:bg-gray-100"
+      },
+      size: {
+        sm: "px-4 py-2 text-sm",
+        md: "px-6 py-3 text-base",
+        lg: "px-8 py-4 text-lg"
+      }
+    },
+    defaultVariants: {
+      variant: "primary",
+      size: "md"
+    }
+  }
+);
+var Button = React.forwardRef(
+  ({
+    className,
+    variant,
+    size,
+    asChild = false,
+    isLoading = false,
+    leftIcon,
+    rightIcon,
+    children,
+    disabled,
+    ...props
+  }, ref) => {
+    if (asChild) {
+      return /* @__PURE__ */ jsx(
+        Slot,
+        {
+          ref,
+          className: cn(buttonVariants({ variant, size, className })),
+          ...props,
+          children
+        }
+      );
+    }
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        className: cn(buttonVariants({ variant, size, className })),
+        disabled: disabled || isLoading,
+        ...props,
+        children: [
+          isLoading ? /* @__PURE__ */ jsxs(
+            "svg",
+            {
+              className: "animate-spin -ml-1 mr-2 h-4 w-4",
+              xmlns: "http://www.w3.org/2000/svg",
+              fill: "none",
+              viewBox: "0 0 24 24",
+              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 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                  }
+                )
+              ]
+            }
+          ) : leftIcon ? /* @__PURE__ */ jsx("span", { className: "mr-2", children: leftIcon }) : null,
+          children,
+          rightIcon && /* @__PURE__ */ jsx("span", { className: "ml-2", children: rightIcon })
+        ]
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export { Button, buttonVariants };

package/dist/chunk-5257MWFI.mjs

@@ -0,0 +1,93 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import { Component } from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var ErrorBoundary = class extends 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__ */ jsxs(
+        "div",
+        {
+          className: cn(
+            "p-6 bg-white rounded-xl border border-sand-dark text-center",
+            this.props.className
+          ),
+          children: [
+            /* @__PURE__ */ 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__ */ 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("h3", { className: "font-heading text-lg text-primary mb-2", children: "Something went wrong" }),
+            /* @__PURE__ */ jsx("p", { className: "text-text-secondary text-sm mb-4", children: "Some elements could not be displayed." }),
+            /* @__PURE__ */ 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__ */ 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: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }),
+                        /* @__PURE__ */ jsx("path", { d: "M21 3v5h-5" })
+                      ]
+                    }
+                  ),
+                  "Retry"
+                ]
+              }
+            )
+          ]
+        }
+      );
+    }
+    return this.props.children;
+  }
+};
+
+export { ErrorBoundary };

package/dist/chunk-6ASRTUXO.js

@@ -0,0 +1,107 @@
+'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 formatPrice(price, currency) {
+  return new Intl.NumberFormat("fr-FR", {
+    style: "currency",
+    currency,
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0
+  }).format(price);
+}
+var PriceDisplay = React__namespace.forwardRef(
+  ({
+    price,
+    originalPrice,
+    currency = "EUR",
+    period,
+    showDiscount = true,
+    size = "md",
+    className,
+    ...props
+  }, ref) => {
+    const hasDiscount = originalPrice && originalPrice > price;
+    const discountPercent = hasDiscount ? Math.round((originalPrice - price) / originalPrice * 100) : 0;
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn("inline-flex items-baseline gap-2 flex-wrap", className),
+        ...props,
+        children: [
+          hasDiscount && showDiscount && discountPercent > 0 && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "px-1.5 py-0.5 bg-red-500 text-white text-xs font-bold rounded", children: [
+            "-",
+            discountPercent,
+            "%"
+          ] }),
+          hasDiscount && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "line-through text-gray-400",
+                size === "sm" && "text-xs",
+                size === "md" && "text-sm",
+                size === "lg" && "text-base"
+              ),
+              children: formatPrice(originalPrice, currency)
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "font-bold",
+                hasDiscount ? "text-red-600" : "text-primary",
+                size === "sm" && "text-base",
+                size === "md" && "text-xl",
+                size === "lg" && "text-3xl"
+              ),
+              children: formatPrice(price, currency)
+            }
+          ),
+          period && /* @__PURE__ */ jsxRuntime.jsxs(
+            "span",
+            {
+              className: chunkADIDI7AJ_js.cn(
+                "text-text-secondary",
+                size === "sm" && "text-xs",
+                size === "md" && "text-sm",
+                size === "lg" && "text-base"
+              ),
+              children: [
+                "/ ",
+                period
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+PriceDisplay.displayName = "PriceDisplay";
+
+exports.PriceDisplay = PriceDisplay;