@dododog/ui 0.14.0 → 0.14.1

package/README.md

@@ -1,6 +1,6 @@
 # @dododog/ui
 
-React UI component library for [DodoDog](https://dododog.voyage) — the pet-friendly travel platform.
+React UI component library for [ToutouTrip](https://toutoutrip.com) — the pet-friendly travel platform.
 
 Built with React, TypeScript, Tailwind CSS, and [class-variance-authority](https://cva.style).
 
@@ -14,7 +14,7 @@ npm install @dododog/ui
 
 ### Tailwind CSS
 
-Add the DodoDog preset and content path to your `tailwind.config.ts`:
+Add the ToutouTrip preset and content path to your `tailwind.config.ts`:
 
 ```ts
 import type { Config } from "tailwindcss";
@@ -113,7 +113,7 @@ export default function App() {
 | Export | Import path | Description |
 |--------|-------------|-------------|
 | Tokens | `@dododog/ui/tokens` | Design tokens (colors, spacing, etc.) |
-| Tailwind Preset | `@dododog/ui/tailwind-preset` | Tailwind CSS preset with DodoDog theme |
+| Tailwind Preset | `@dododog/ui/tailwind-preset` | Tailwind CSS preset with ToutouTrip theme |
 | Utils | `@dododog/ui/utils` | Utility functions (`cn`, etc.) |
 
 ## Requirements

package/dist/{chunk-SZ3SV4SJ.mjs → chunk-4DHZ6MIL.mjs}

@@ -106,7 +106,7 @@ var Footer = React.forwardRef(
           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.` })
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} ToutouTrip. Tous droits r\xE9serv\xE9s.` })
       ] }) }) })
     ] });
   }

package/dist/{chunk-77WKG2D7.js → chunk-5UNG2O64.js}

@@ -46,31 +46,61 @@ var inputVariants = classVarianceAuthority.cva(
   }
 );
 var Input = React__namespace.forwardRef(
-  ({ className, size, variant, label, error, required, leftIcon, rightIcon, ...props }, ref) => {
+  ({
+    className,
+    size,
+    variant,
+    label,
+    error,
+    required,
+    leftIcon,
+    rightIcon,
+    id,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    ...props
+  }, ref) => {
+    const generatedId = React__namespace.useId();
+    const inputId = id ?? generatedId;
+    const errorId = `${inputId}-error`;
     const resolvedVariant = error ? "error" : variant ?? "default";
+    const describedBy = [ariaDescribedBy, error ? errorId : null].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", 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: " *" })
-      ] }),
+      label && /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "block text-sm font-medium text-primary mb-1.5",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", "aria-hidden": "true", children: " *" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: leftIcon }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
+            ...props,
             ref,
+            id: inputId,
+            required,
+            "aria-required": ariaRequired ?? (required ? true : void 0),
+            "aria-invalid": ariaInvalid ?? (error ? true : void 0),
+            "aria-describedby": describedBy,
             className: chunkADIDI7AJ_js.cn(
               inputVariants({ size, variant: resolvedVariant }),
               leftIcon && "pl-10",
               rightIcon && "pr-10",
               className
-            ),
-            ...props
+            )
           }
         ),
         rightIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "mt-1 text-sm text-red-500", children: error })
     ] });
   }
 );

package/dist/{chunk-C4RZBOKH.js → chunk-EQPT6VZF.js}

@@ -128,7 +128,7 @@ var Footer = React__namespace.forwardRef(
           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.` })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} ToutouTrip. Tous droits r\xE9serv\xE9s.` })
       ] }) }) })
     ] });
   }

package/dist/{chunk-NBDPT3XQ.js → chunk-HH4X2JYO.js}

@@ -24,13 +24,89 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "input:not([disabled]):not([type='hidden'])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "iframe",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]:not([contenteditable='false'])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function getFocusableElements(panel) {
+  return Array.from(panel.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+    (element) => !element.closest("[hidden], [aria-hidden='true'], details:not([open])")
+  );
+}
+function isTopMostDialog(panel) {
+  const dialogs = document.querySelectorAll('[role="dialog"][aria-modal="true"]');
+  const topMost = dialogs[dialogs.length - 1];
+  return !topMost || topMost.contains(panel);
+}
 var Modal = React__namespace.forwardRef(
-  ({ isOpen, onClose, children, title, className }, ref) => {
-    const contentRef = React__namespace.useRef(null);
+  ({
+    isOpen,
+    onClose,
+    children,
+    title,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  }, ref) => {
+    const panelRef = React__namespace.useRef(null);
+    const generatedTitleId = React__namespace.useId();
+    const titleId = title ? `${generatedTitleId}-title` : void 0;
+    const labelledBy = ariaLabelledBy ?? titleId;
     React__namespace.useEffect(() => {
       if (!isOpen) return;
-      const handleKeyDown = (e) => {
-        if (e.key === "Escape") onClose();
+      const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      return () => {
+        if (trigger && trigger.isConnected) trigger.focus();
+      };
+    }, [isOpen]);
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = getFocusableElements(panel);
+      (focusable[0] ?? panel).focus();
+    }, [isOpen]);
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (event) => {
+        const panel = panelRef.current;
+        if (!panel || !isTopMostDialog(panel)) return;
+        if (event.key === "Escape") {
+          onClose();
+          return;
+        }
+        if (event.key !== "Tab") return;
+        const focusable = getFocusableElements(panel);
+        const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        if (focusable.length === 0) {
+          event.preventDefault();
+          panel.focus();
+          return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (!active || !panel.contains(active)) {
+          event.preventDefault();
+          (event.shiftKey ? last : first).focus();
+          return;
+        }
+        if (event.shiftKey && active === first) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && active === last) {
+          event.preventDefault();
+          first.focus();
+        }
       };
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
@@ -43,13 +119,6 @@ var Modal = React__namespace.forwardRef(
         document.body.style.overflow = prev;
       };
     }, [isOpen]);
-    React__namespace.useEffect(() => {
-      if (!isOpen || !contentRef.current) return;
-      const focusable = contentRef.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      );
-      if (focusable.length > 0) focusable[0].focus();
-    }, [isOpen]);
     if (!isOpen) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -58,7 +127,9 @@ var Modal = React__namespace.forwardRef(
         className: "fixed inset-0 z-50 flex items-center justify-center p-4",
         role: "dialog",
         "aria-modal": "true",
-        "aria-label": title,
+        "aria-labelledby": labelledBy,
+        "aria-label": labelledBy ? void 0 : ariaLabel,
+        "aria-describedby": ariaDescribedBy,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -71,14 +142,22 @@ var Modal = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              ref: contentRef,
+              ref: panelRef,
+              tabIndex: -1,
               className: chunkADIDI7AJ_js.cn(
-                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto",
+                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto outline-none",
                 className
               ),
               children: [
                 title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-heading font-semibold text-primary", children: title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "h2",
+                    {
+                      id: titleId,
+                      className: "text-lg font-heading font-semibold text-primary",
+                      children: title
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {

package/dist/{chunk-GRG4USTC.mjs → chunk-JWOV5H6G.mjs}

@@ -24,31 +24,61 @@ var inputVariants = cva(
   }
 );
 var Input = React.forwardRef(
-  ({ className, size, variant, label, error, required, leftIcon, rightIcon, ...props }, ref) => {
+  ({
+    className,
+    size,
+    variant,
+    label,
+    error,
+    required,
+    leftIcon,
+    rightIcon,
+    id,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const errorId = `${inputId}-error`;
     const resolvedVariant = error ? "error" : variant ?? "default";
+    const describedBy = [ariaDescribedBy, error ? errorId : null].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-      label && /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-primary mb-1.5", children: [
-        label,
-        required && /* @__PURE__ */ jsx("span", { className: "text-secondary", children: " *" })
-      ] }),
+      label && /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "block text-sm font-medium text-primary mb-1.5",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { className: "text-secondary", "aria-hidden": "true", children: " *" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         leftIcon && /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: leftIcon }),
         /* @__PURE__ */ jsx(
           "input",
           {
+            ...props,
             ref,
+            id: inputId,
+            required,
+            "aria-required": ariaRequired ?? (required ? true : void 0),
+            "aria-invalid": ariaInvalid ?? (error ? true : void 0),
+            "aria-describedby": describedBy,
             className: cn(
               inputVariants({ size, variant: resolvedVariant }),
               leftIcon && "pl-10",
               rightIcon && "pr-10",
               className
-            ),
-            ...props
+            )
           }
         ),
         rightIcon && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1 text-sm text-red-500", children: error })
     ] });
   }
 );

package/dist/chunk-N5ZNXNCO.mjs

@@ -0,0 +1,178 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "input:not([disabled]):not([type='hidden'])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "iframe",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]:not([contenteditable='false'])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function getFocusableElements(panel) {
+  return Array.from(panel.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+    (element) => !element.closest("[hidden], [aria-hidden='true'], details:not([open])")
+  );
+}
+function isTopMostDialog(panel) {
+  const dialogs = document.querySelectorAll('[role="dialog"][aria-modal="true"]');
+  const topMost = dialogs[dialogs.length - 1];
+  return !topMost || topMost.contains(panel);
+}
+var Modal = React.forwardRef(
+  ({
+    isOpen,
+    onClose,
+    children,
+    title,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  }, ref) => {
+    const panelRef = React.useRef(null);
+    const generatedTitleId = React.useId();
+    const titleId = title ? `${generatedTitleId}-title` : void 0;
+    const labelledBy = ariaLabelledBy ?? titleId;
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      return () => {
+        if (trigger && trigger.isConnected) trigger.focus();
+      };
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = getFocusableElements(panel);
+      (focusable[0] ?? panel).focus();
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (event) => {
+        const panel = panelRef.current;
+        if (!panel || !isTopMostDialog(panel)) return;
+        if (event.key === "Escape") {
+          onClose();
+          return;
+        }
+        if (event.key !== "Tab") return;
+        const focusable = getFocusableElements(panel);
+        const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        if (focusable.length === 0) {
+          event.preventDefault();
+          panel.focus();
+          return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (!active || !panel.contains(active)) {
+          event.preventDefault();
+          (event.shiftKey ? last : first).focus();
+          return;
+        }
+        if (event.shiftKey && active === first) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && active === last) {
+          event.preventDefault();
+          first.focus();
+        }
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [isOpen, onClose]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    }, [isOpen]);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": labelledBy,
+        "aria-label": labelledBy ? void 0 : ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 bg-black/50",
+              onClick: onClose,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: panelRef,
+              tabIndex: -1,
+              className: cn(
+                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto outline-none",
+                className
+              ),
+              children: [
+                title && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      id: titleId,
+                      className: "text-lg font-heading font-semibold text-primary",
+                      children: title
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      className: "text-text-muted hover:text-primary transition-colors",
+                      "aria-label": "Fermer",
+                      children: /* @__PURE__ */ 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",
+                          children: [
+                            /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Modal.displayName = "Modal";
+
+export { Modal };

package/dist/components/Footer/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkC4RZBOKH_js = require('../../chunk-C4RZBOKH.js');
+var chunkEQPT6VZF_js = require('../../chunk-EQPT6VZF.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function () { return chunkC4RZBOKH_js.Footer; }
+  get: function () { return chunkEQPT6VZF_js.Footer; }
 });

package/dist/components/Footer/index.mjs

@@ -1,2 +1,2 @@
-export { Footer } from '../../chunk-SZ3SV4SJ.mjs';
+export { Footer } from '../../chunk-4DHZ6MIL.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Input/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunk77WKG2D7_js = require('../../chunk-77WKG2D7.js');
+var chunk5UNG2O64_js = require('../../chunk-5UNG2O64.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk77WKG2D7_js.Input; }
+  get: function () { return chunk5UNG2O64_js.Input; }
 });
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
-  get: function () { return chunk77WKG2D7_js.inputVariants; }
+  get: function () { return chunk5UNG2O64_js.inputVariants; }
 });

package/dist/components/Input/index.mjs

@@ -1,2 +1,2 @@
-export { Input, inputVariants } from '../../chunk-GRG4USTC.mjs';
+export { Input, inputVariants } from '../../chunk-JWOV5H6G.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Modal/index.d.mts

@@ -6,6 +6,18 @@ interface ModalProps {
     children: React.ReactNode;
     title?: string;
     className?: string;
+    /**
+     * Nom accessible quand aucun `title` n'est rendu. Ignore si `title` est
+     * fourni : le titre visible sert alors de nom via `aria-labelledby`.
+     */
+    "aria-label"?: string;
+    /**
+     * Id d'un titre rendu par l'appelant (dialogue sans `title`). Prioritaire
+     * sur l'id genere en interne.
+     */
+    "aria-labelledby"?: string;
+    /** Id d'une description du dialogue, relayee telle quelle. */
+    "aria-describedby"?: string;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Modal/index.d.ts

@@ -6,6 +6,18 @@ interface ModalProps {
     children: React.ReactNode;
     title?: string;
     className?: string;
+    /**
+     * Nom accessible quand aucun `title` n'est rendu. Ignore si `title` est
+     * fourni : le titre visible sert alors de nom via `aria-labelledby`.
+     */
+    "aria-label"?: string;
+    /**
+     * Id d'un titre rendu par l'appelant (dialogue sans `title`). Prioritaire
+     * sur l'id genere en interne.
+     */
+    "aria-labelledby"?: string;
+    /** Id d'une description du dialogue, relayee telle quelle. */
+    "aria-describedby"?: string;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Modal/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkNBDPT3XQ_js = require('../../chunk-NBDPT3XQ.js');
+var chunkHH4X2JYO_js = require('../../chunk-HH4X2JYO.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkNBDPT3XQ_js.Modal; }
+  get: function () { return chunkHH4X2JYO_js.Modal; }
 });

package/dist/components/Modal/index.mjs

@@ -1,2 +1,2 @@
-export { Modal } from '../../chunk-74B2EGKT.mjs';
+export { Modal } from '../../chunk-N5ZNXNCO.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/index.js

@@ -17,30 +17,30 @@ var chunkI4S3R6C6_js = require('./chunk-I4S3R6C6.js');
 var chunk762LQMWP_js = require('./chunk-762LQMWP.js');
 var chunk6KW7ZSKR_js = require('./chunk-6KW7ZSKR.js');
 var chunkSEHALSKW_js = require('./chunk-SEHALSKW.js');
-var chunkOGB5LIXN_js = require('./chunk-OGB5LIXN.js');
 var chunkQWDKSY6Y_js = require('./chunk-QWDKSY6Y.js');
 var chunk3R7PT3JG_js = require('./chunk-3R7PT3JG.js');
+var chunkOGB5LIXN_js = require('./chunk-OGB5LIXN.js');
 var chunkDS4LM7OS_js = require('./chunk-DS4LM7OS.js');
 var chunkWXSBKARZ_js = require('./chunk-WXSBKARZ.js');
 var chunkSCGN5H6D_js = require('./chunk-SCGN5H6D.js');
 var chunkB4LR4H6R_js = require('./chunk-B4LR4H6R.js');
 var chunkPG4I4NWO_js = require('./chunk-PG4I4NWO.js');
-var chunkPRDIS2VR_js = require('./chunk-PRDIS2VR.js');
 var chunkGXKON34B_js = require('./chunk-GXKON34B.js');
+var chunkPRDIS2VR_js = require('./chunk-PRDIS2VR.js');
 var chunkTZHT7NZU_js = require('./chunk-TZHT7NZU.js');
 var chunkKFQILIZO_js = require('./chunk-KFQILIZO.js');
 var chunkNCU5PY34_js = require('./chunk-NCU5PY34.js');
 var chunkHS3MAW3G_js = require('./chunk-HS3MAW3G.js');
 var chunkDFC6XK57_js = require('./chunk-DFC6XK57.js');
-var chunk77WKG2D7_js = require('./chunk-77WKG2D7.js');
+var chunk5UNG2O64_js = require('./chunk-5UNG2O64.js');
 var chunkU3XWNFHH_js = require('./chunk-U3XWNFHH.js');
 var chunkW7DZZS6L_js = require('./chunk-W7DZZS6L.js');
 var chunkTE4WHZ4Q_js = require('./chunk-TE4WHZ4Q.js');
 var chunkHN6B4TAW_js = require('./chunk-HN6B4TAW.js');
 var chunkKZSGVMUG_js = require('./chunk-KZSGVMUG.js');
-var chunkNBDPT3XQ_js = require('./chunk-NBDPT3XQ.js');
+var chunkHH4X2JYO_js = require('./chunk-HH4X2JYO.js');
 var chunkZCQJN4IT_js = require('./chunk-ZCQJN4IT.js');
-var chunkC4RZBOKH_js = require('./chunk-C4RZBOKH.js');
+var chunkEQPT6VZF_js = require('./chunk-EQPT6VZF.js');
 var chunkKOO5ZXLD_js = require('./chunk-KOO5ZXLD.js');
 var chunkIRKM5UF4_js = require('./chunk-IRKM5UF4.js');
 var chunkECVKFE6U_js = require('./chunk-ECVKFE6U.js');
@@ -50,24 +50,24 @@ var chunkDLOHAW74_js = require('./chunk-DLOHAW74.js');
 var chunkBS7R7VDS_js = require('./chunk-BS7R7VDS.js');
 var chunkVWFY24XF_js = require('./chunk-VWFY24XF.js');
 var chunkT5FLQQP6_js = require('./chunk-T5FLQQP6.js');
-var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
 var chunkIEHX4DU6_js = require('./chunk-IEHX4DU6.js');
+var chunkTDGU5Y2P_js = require('./chunk-TDGU5Y2P.js');
 var chunkS5TLUDNM_js = require('./chunk-S5TLUDNM.js');
-var chunk7W3TFPIF_js = require('./chunk-7W3TFPIF.js');
 var chunkTJDHGNMR_js = require('./chunk-TJDHGNMR.js');
-var chunkP7GAKOCX_js = require('./chunk-P7GAKOCX.js');
+var chunk7W3TFPIF_js = require('./chunk-7W3TFPIF.js');
 var chunkMY6BYO5F_js = require('./chunk-MY6BYO5F.js');
+var chunkP7GAKOCX_js = require('./chunk-P7GAKOCX.js');
+var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
 var chunkT4AT3YCT_js = require('./chunk-T4AT3YCT.js');
 var chunkAIA3NHCK_js = require('./chunk-AIA3NHCK.js');
-var chunkIJIUUBFT_js = require('./chunk-IJIUUBFT.js');
 var chunkE24VNM6S_js = require('./chunk-E24VNM6S.js');
-var chunkXXC2YD3D_js = require('./chunk-XXC2YD3D.js');
 require('./chunk-VNURXHKK.js');
+var chunkXXC2YD3D_js = require('./chunk-XXC2YD3D.js');
 var chunkNHB2TI2B_js = require('./chunk-NHB2TI2B.js');
 var chunkEY4ZIR3P_js = require('./chunk-EY4ZIR3P.js');
 var chunkZ5S7LHMY_js = require('./chunk-Z5S7LHMY.js');
-var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
 var chunkPND5YKFN_js = require('./chunk-PND5YKFN.js');
+var chunk6EG6EAHW_js = require('./chunk-6EG6EAHW.js');
 var chunkH3JNRTAI_js = require('./chunk-H3JNRTAI.js');
 var chunkYZTVHCLK_js = require('./chunk-YZTVHCLK.js');
 var chunkZAUYE2EI_js = require('./chunk-ZAUYE2EI.js');
@@ -618,10 +618,6 @@ Object.defineProperty(exports, "SearchWidget", {
   enumerable: true,
   get: function () { return chunkSEHALSKW_js.SearchWidget; }
 });
-Object.defineProperty(exports, "SectionHeader", {
-  enumerable: true,
-  get: function () { return chunkOGB5LIXN_js.SectionHeader; }
-});
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
   get: function () { return chunkQWDKSY6Y_js.SegmentedControl; }
@@ -634,6 +630,10 @@ Object.defineProperty(exports, "selectVariants", {
   enumerable: true,
   get: function () { return chunk3R7PT3JG_js.selectVariants; }
 });
+Object.defineProperty(exports, "SectionHeader", {
+  enumerable: true,
+  get: function () { return chunkOGB5LIXN_js.SectionHeader; }
+});
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
   get: function () { return chunkDS4LM7OS_js.Sidebar; }
@@ -666,6 +666,10 @@ Object.defineProperty(exports, "progressFillVariants", {
   enumerable: true,
   get: function () { return chunkPG4I4NWO_js.progressFillVariants; }
 });
+Object.defineProperty(exports, "RadioGroup", {
+  enumerable: true,
+  get: function () { return chunkGXKON34B_js.RadioGroup; }
+});
 Object.defineProperty(exports, "PromoBanner", {
   enumerable: true,
   get: function () { return chunkPRDIS2VR_js.PromoBanner; }
@@ -674,10 +678,6 @@ Object.defineProperty(exports, "promoBannerVariants", {
   enumerable: true,
   get: function () { return chunkPRDIS2VR_js.promoBannerVariants; }
 });
-Object.defineProperty(exports, "RadioGroup", {
-  enumerable: true,
-  get: function () { return chunkGXKON34B_js.RadioGroup; }
-});
 Object.defineProperty(exports, "Rating", {
   enumerable: true,
   get: function () { return chunkTZHT7NZU_js.Rating; }
@@ -716,11 +716,11 @@ Object.defineProperty(exports, "ImpactCard", {
 });
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk77WKG2D7_js.Input; }
+  get: function () { return chunk5UNG2O64_js.Input; }
 });
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
-  get: function () { return chunk77WKG2D7_js.inputVariants; }
+  get: function () { return chunk5UNG2O64_js.inputVariants; }
 });
 Object.defineProperty(exports, "Lightbox", {
   enumerable: true,
@@ -744,7 +744,7 @@ Object.defineProperty(exports, "MobileMenu", {
 });
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkNBDPT3XQ_js.Modal; }
+  get: function () { return chunkHH4X2JYO_js.Modal; }
 });
 Object.defineProperty(exports, "FloatingDock", {
   enumerable: true,
@@ -752,7 +752,7 @@ Object.defineProperty(exports, "FloatingDock", {
 });
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function () { return chunkC4RZBOKH_js.Footer; }
+  get: function () { return chunkEQPT6VZF_js.Footer; }
 });
 Object.defineProperty(exports, "GuestPicker", {
   enumerable: true,
@@ -794,33 +794,37 @@ Object.defineProperty(exports, "DropdownMenu", {
   enumerable: true,
   get: function () { return chunkT5FLQQP6_js.DropdownMenu; }
 });
-Object.defineProperty(exports, "DualRangeSlider", {
-  enumerable: true,
-  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
-});
 Object.defineProperty(exports, "EmptyState", {
   enumerable: true,
   get: function () { return chunkIEHX4DU6_js.EmptyState; }
 });
+Object.defineProperty(exports, "DualRangeSlider", {
+  enumerable: true,
+  get: function () { return chunkTDGU5Y2P_js.DualRangeSlider; }
+});
 Object.defineProperty(exports, "ErrorBoundary", {
   enumerable: true,
   get: function () { return chunkS5TLUDNM_js.ErrorBoundary; }
 });
+Object.defineProperty(exports, "FilterPill", {
+  enumerable: true,
+  get: function () { return chunkTJDHGNMR_js.FilterPill; }
+});
 Object.defineProperty(exports, "FilterAccordion", {
   enumerable: true,
   get: function () { return chunk7W3TFPIF_js.FilterAccordion; }
 });
-Object.defineProperty(exports, "FilterPill", {
+Object.defineProperty(exports, "CardList", {
   enumerable: true,
-  get: function () { return chunkTJDHGNMR_js.FilterPill; }
+  get: function () { return chunkMY6BYO5F_js.CardList; }
 });
 Object.defineProperty(exports, "Carousel", {
   enumerable: true,
   get: function () { return chunkP7GAKOCX_js.Carousel; }
 });
-Object.defineProperty(exports, "CardList", {
+Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkMY6BYO5F_js.CardList; }
+  get: function () { return chunkIJIUUBFT_js.Checkbox; }
 });
 Object.defineProperty(exports, "Counter", {
   enumerable: true,
@@ -834,10 +838,6 @@ Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
   get: function () { return chunkAIA3NHCK_js.DateRangePicker; }
 });
-Object.defineProperty(exports, "Checkbox", {
-  enumerable: true,
-  get: function () { return chunkIJIUUBFT_js.Checkbox; }
-});
 Object.defineProperty(exports, "DetailList", {
   enumerable: true,
   get: function () { return chunkE24VNM6S_js.DetailList; }
@@ -866,6 +866,10 @@ Object.defineProperty(exports, "badgeVariants", {
   enumerable: true,
   get: function () { return chunkZ5S7LHMY_js.badgeVariants; }
 });
+Object.defineProperty(exports, "BottomNavBar", {
+  enumerable: true,
+  get: function () { return chunkPND5YKFN_js.BottomNavBar; }
+});
 Object.defineProperty(exports, "Banner", {
   enumerable: true,
   get: function () { return chunk6EG6EAHW_js.Banner; }
@@ -874,10 +878,6 @@ Object.defineProperty(exports, "bannerVariants", {
   enumerable: true,
   get: function () { return chunk6EG6EAHW_js.bannerVariants; }
 });
-Object.defineProperty(exports, "BottomNavBar", {
-  enumerable: true,
-  get: function () { return chunkPND5YKFN_js.BottomNavBar; }
-});
 Object.defineProperty(exports, "Breadcrumb", {
   enumerable: true,
   get: function () { return chunkH3JNRTAI_js.Breadcrumb; }

package/dist/index.mjs

@@ -15,30 +15,30 @@ export { Switch, switchThumbVariants, switchTrackVariants } from './chunk-DMCMWO
 export { Tabs } from './chunk-VOZPGXQD.mjs';
 export { SearchLoadingChecklist } from './chunk-SRYZ4N7T.mjs';
 export { SearchWidget } from './chunk-DUT3ABEI.mjs';
-export { SectionHeader } from './chunk-DM76AK4A.mjs';
 export { SegmentedControl } from './chunk-36Y7UU32.mjs';
 export { Select, selectVariants } from './chunk-333YD5QI.mjs';
+export { SectionHeader } from './chunk-DM76AK4A.mjs';
 export { Sidebar } from './chunk-MPL35D5G.mjs';
 export { SignInCallout, signInCalloutVariants } from './chunk-Z3KRMKHP.mjs';
 export { Pagination } from './chunk-XQVODPHL.mjs';
 export { PriceDisplay } from './chunk-REXLQTNE.mjs';
 export { ProgressBar, progressBarVariants, progressFillVariants } from './chunk-UGYMWWKT.mjs';
-export { PromoBanner, promoBannerVariants } from './chunk-FNDR3WOZ.mjs';
 export { RadioGroup } from './chunk-F2BUMJYW.mjs';
+export { PromoBanner, promoBannerVariants } from './chunk-FNDR3WOZ.mjs';
 export { Rating } from './chunk-SGDC4IVX.mjs';
 export { RoomTypeCard, RoomTypeCardSkeleton } from './chunk-IGBEBAPY.mjs';
 export { Skeleton, SkeletonCircle, SkeletonImage, SkeletonText } from './chunk-PAHSQMXV.mjs';
 export { SearchBar } from './chunk-KQK7LFWM.mjs';
 export { ImpactCard } from './chunk-IKQYFSBW.mjs';
-export { Input, inputVariants } from './chunk-GRG4USTC.mjs';
+export { Input, inputVariants } from './chunk-JWOV5H6G.mjs';
 export { Lightbox } from './chunk-GBWVIY3C.mjs';
 export { LinkCard } from './chunk-UYDZKAGZ.mjs';
 export { LoadingOverlay } from './chunk-WVEJS2J2.mjs';
 export { MegaMenu } from './chunk-EUEM2D5M.mjs';
 export { MobileMenu } from './chunk-R4DC7XPP.mjs';
-export { Modal } from './chunk-74B2EGKT.mjs';
+export { Modal } from './chunk-N5ZNXNCO.mjs';
 export { FloatingDock } from './chunk-P2SGBTKS.mjs';
-export { Footer } from './chunk-SZ3SV4SJ.mjs';
+export { Footer } from './chunk-4DHZ6MIL.mjs';
 export { GuestPicker } from './chunk-EJ7LDW7E.mjs';
 export { Header } from './chunk-PPDKQ3FF.mjs';
 export { HotelCard } from './chunk-XSSRFA5O.mjs';
@@ -48,24 +48,24 @@ export { ImageWithFallback } from './chunk-BUXVK2HE.mjs';
 export { DogCard } from './chunk-4A3AQ66D.mjs';
 export { Drawer } from './chunk-ZLF7IL3Y.mjs';
 export { DropdownMenu } from './chunk-Q7BKR6O7.mjs';
-export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { EmptyState } from './chunk-OCUHCDAQ.mjs';
+export { DualRangeSlider } from './chunk-ERL3WXNY.mjs';
 export { ErrorBoundary } from './chunk-5257MWFI.mjs';
-export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
 export { FilterPill } from './chunk-YKBASX5A.mjs';
-export { Carousel } from './chunk-OOPP4ES2.mjs';
+export { FilterAccordion } from './chunk-VQVRKRSM.mjs';
 export { CardList } from './chunk-RJWHPHHX.mjs';
+export { Carousel } from './chunk-OOPP4ES2.mjs';
+export { Checkbox } from './chunk-EEIPCJQ2.mjs';
 export { Counter } from './chunk-LRNSVRUN.mjs';
 export { DatePickerInput, DateRangePicker } from './chunk-FL3GD5FJ.mjs';
-export { Checkbox } from './chunk-EEIPCJQ2.mjs';
 export { DetailList } from './chunk-N6THLJIG.mjs';
-export { Divider } from './chunk-E4B6LXK7.mjs';
 import './chunk-OZULAGYL.mjs';
+export { Divider } from './chunk-E4B6LXK7.mjs';
 export { Autocomplete, autocompleteInputVariants } from './chunk-B47HQHX3.mjs';
 export { Avatar } from './chunk-2POGTS27.mjs';
 export { Badge, badgeVariants } from './chunk-XZU2SISM.mjs';
-export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
 export { BottomNavBar } from './chunk-UQRQZLMQ.mjs';
+export { Banner, bannerVariants } from './chunk-LFIZX2S6.mjs';
 export { Breadcrumb, breadcrumbVariants } from './chunk-UKCH6RYL.mjs';
 export { Button, buttonVariants } from './chunk-4U5MNA3B.mjs';
 export { Card, CardContent, CardDescription, CardImage, CardTitle, cardImageVariants, cardVariants } from './chunk-V5J2XLPD.mjs';

package/dist/tailwind-preset.d.mts

@@ -1,6 +1,6 @@
 import { F as FontSizeValue } from './typography-BUlhEnfy.mjs';
 
-declare const dododogPreset: {
+declare const toutoutripPreset: {
     theme: {
         extend: {
             colors: {
@@ -167,4 +167,4 @@ declare const dododogPreset: {
     };
 };
 
-export { dododogPreset };
+export { toutoutripPreset };

package/dist/tailwind-preset.d.ts

@@ -1,6 +1,6 @@
 import { F as FontSizeValue } from './typography-BUlhEnfy.js';
 
-declare const dododogPreset: {
+declare const toutoutripPreset: {
     theme: {
         extend: {
             colors: {
@@ -167,4 +167,4 @@ declare const dododogPreset: {
     };
 };
 
-export { dododogPreset };
+export { toutoutripPreset };

package/dist/tailwind-preset.js

@@ -3,7 +3,7 @@
 var chunk2XH74PQR_js = require('./chunk-2XH74PQR.js');
 
 // src/tailwind-preset.ts
-var dododogPreset = {
+var toutoutripPreset = {
   theme: {
     extend: {
       colors: chunk2XH74PQR_js.colors,
@@ -16,4 +16,4 @@ var dododogPreset = {
   }
 };
 
-exports.dododogPreset = dododogPreset;
+exports.toutoutripPreset = toutoutripPreset;

package/dist/tailwind-preset.mjs

@@ -1,7 +1,7 @@
 import { animation, keyframes, boxShadow, fontSize, fontFamily, colors } from './chunk-7JYJ7ICL.mjs';
 
 // src/tailwind-preset.ts
-var dododogPreset = {
+var toutoutripPreset = {
   theme: {
     extend: {
       colors,
@@ -14,4 +14,4 @@ var dododogPreset = {
   }
 };
 
-export { dododogPreset };
+export { toutoutripPreset };

package/package.json

@@ -1,17 +1,17 @@
 {
   "name": "@dododog/ui",
-  "version": "0.14.0",
-  "description": "React UI component library for DodoDog — pet-friendly travel platform",
+  "version": "0.14.1",
+  "description": "React UI component library for ToutouTrip — pet-friendly travel platform",
   "sideEffects": false,
   "license": "MIT",
-  "homepage": "https://storybook.dododog.voyage",
+  "homepage": "https://storybook.toutoutrip.com",
   "keywords": [
     "react",
     "ui",
     "components",
     "tailwindcss",
     "design-system",
-    "dododog"
+    "toutoutrip"
   ],
   "files": [
     "dist",
@@ -417,25 +417,19 @@
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",
   "types": "./dist/index.d.ts",
-  "scripts": {
-    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
-    "dev": "tsup --watch",
-    "lint": "eslint . --max-warnings 0",
-    "clean": "rm -rf .turbo node_modules dist"
-  },
   "peerDependencies": {
     "react": ">=18",
     "tailwindcss": ">=3"
   },
   "devDependencies": {
-    "@dododog/eslint-config": "workspace:*",
-    "@dododog/typescript-config": "workspace:*",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "eslint": "^8.57.0",
     "react": "^18.2.0",
     "tsup": "^8.0.2",
-    "typescript": "5.5.4"
+    "typescript": "5.5.4",
+    "@toutoutrip/eslint-config": "0.0.0",
+    "@toutoutrip/typescript-config": "0.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -445,5 +439,11 @@
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "tailwind-merge": "^2.6.1"
+  },
+  "scripts": {
+    "build": "NODE_OPTIONS='--max-old-space-size=8192' tsup",
+    "dev": "tsup --watch",
+    "lint": "eslint . --max-warnings 0",
+    "clean": "rm -rf .turbo node_modules dist"
   }
-}
+}

package/dist/chunk-74B2EGKT.mjs

@@ -1,99 +0,0 @@
-import { cn } from './chunk-IMKLN273.mjs';
-import * as React from 'react';
-import { jsxs, jsx } from 'react/jsx-runtime';
-
-var Modal = React.forwardRef(
-  ({ isOpen, onClose, children, title, className }, ref) => {
-    const contentRef = React.useRef(null);
-    React.useEffect(() => {
-      if (!isOpen) return;
-      const handleKeyDown = (e) => {
-        if (e.key === "Escape") onClose();
-      };
-      document.addEventListener("keydown", handleKeyDown);
-      return () => document.removeEventListener("keydown", handleKeyDown);
-    }, [isOpen, onClose]);
-    React.useEffect(() => {
-      if (!isOpen) return;
-      const prev = document.body.style.overflow;
-      document.body.style.overflow = "hidden";
-      return () => {
-        document.body.style.overflow = prev;
-      };
-    }, [isOpen]);
-    React.useEffect(() => {
-      if (!isOpen || !contentRef.current) return;
-      const focusable = contentRef.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      );
-      if (focusable.length > 0) focusable[0].focus();
-    }, [isOpen]);
-    if (!isOpen) return null;
-    return /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref,
-        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": title,
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "absolute inset-0 bg-black/50",
-              onClick: onClose,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "div",
-            {
-              ref: contentRef,
-              className: cn(
-                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto",
-                className
-              ),
-              children: [
-                title && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
-                  /* @__PURE__ */ jsx("h2", { className: "text-lg font-heading font-semibold text-primary", children: title }),
-                  /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: onClose,
-                      className: "text-text-muted hover:text-primary transition-colors",
-                      "aria-label": "Fermer",
-                      children: /* @__PURE__ */ 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",
-                          children: [
-                            /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
-                            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
-                          ]
-                        }
-                      )
-                    }
-                  )
-                ] }),
-                /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
-              ]
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Modal.displayName = "Modal";
-
-export { Modal };