@dododog/ui 0.1.0

package/dist/chunk-DMCMWOBJ.mjs

@@ -0,0 +1,81 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { cva } from 'class-variance-authority';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var switchTrackVariants = cva(
+  "relative inline-flex shrink-0 cursor-pointer rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-secondary focus-visible:ring-offset-2",
+  {
+    variants: {
+      size: {
+        sm: "w-9 h-5",
+        md: "w-11 h-6"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var switchThumbVariants = cva(
+  "pointer-events-none inline-block rounded-full bg-white shadow-sm transition-transform",
+  {
+    variants: {
+      size: {
+        sm: "w-4 h-4",
+        md: "w-5 h-5"
+      }
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var Switch = React.forwardRef(
+  ({ checked = false, onCheckedChange, disabled = false, size, label, description, className, name }, ref) => {
+    const id = React.useId();
+    const track = /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref,
+        id,
+        type: "button",
+        role: "switch",
+        "aria-checked": checked,
+        "aria-label": !label ? name : void 0,
+        disabled,
+        onClick: () => onCheckedChange?.(!checked),
+        className: cn(
+          switchTrackVariants({ size }),
+          checked ? "bg-primary" : "bg-gray-300",
+          disabled && "opacity-50 cursor-not-allowed",
+          !label && className
+        ),
+        children: [
+          /* @__PURE__ */ jsx(
+            "span",
+            {
+              className: cn(
+                switchThumbVariants({ size }),
+                "absolute top-0.5 left-0.5",
+                checked && (size === "sm" ? "translate-x-4" : "translate-x-5")
+              )
+            }
+          ),
+          name && /* @__PURE__ */ jsx("input", { type: "hidden", name, value: checked ? "on" : "" })
+        ]
+      }
+    );
+    if (!label && !description) return track;
+    return /* @__PURE__ */ jsxs("div", { className: cn("flex items-center justify-between gap-3", className), children: [
+      /* @__PURE__ */ jsxs("div", { children: [
+        label && /* @__PURE__ */ jsx("label", { htmlFor: id, className: "text-sm font-medium text-primary cursor-pointer", children: label }),
+        description && /* @__PURE__ */ jsx("p", { className: "text-xs text-text-secondary mt-0.5", children: description })
+      ] }),
+      track
+    ] });
+  }
+);
+Switch.displayName = "Switch";
+
+export { Switch, switchThumbVariants, switchTrackVariants };

package/dist/chunk-DS4LM7OS.js

@@ -0,0 +1,66 @@
+'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 Sidebar = React__namespace.forwardRef(
+  ({ items, header, footer, className, onNavigate }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "aside",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn(
+          "flex h-full w-60 flex-col border-r border-sand-dark bg-white",
+          className
+        ),
+        "aria-label": "Menu lat\xE9ral",
+        children: [
+          header && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex h-16 items-center px-6", children: header }),
+          /* @__PURE__ */ jsxRuntime.jsx("nav", { "aria-label": "Navigation", className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx("ul", { className: "flex flex-col gap-1 px-3 py-2", 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: chunkADIDI7AJ_js.cn(
+                  "flex min-h-[44px] w-full items-center gap-3 rounded-xl px-3 transition-colors duration-300 ease-in-out",
+                  item.isActive ? "border-l-[3px] border-secondary bg-sand text-primary font-medium" : "border-l-[3px] border-transparent text-text-secondary hover:bg-sand-light"
+                ),
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: item.icon }),
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label })
+                ]
+              }
+            ) }, item.key);
+          }) }) }),
+          footer && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "px-3 pb-4", children: footer })
+        ]
+      }
+    );
+  }
+);
+Sidebar.displayName = "Sidebar";
+
+exports.Sidebar = Sidebar;

package/dist/chunk-DTIYZ3TQ.js

@@ -0,0 +1,54 @@
+'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 Toggle = React__namespace.forwardRef(
+  ({ pressed = false, onPressedChange, disabled = false, children, leftIcon, className }, ref) => {
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "button",
+      {
+        ref,
+        type: "button",
+        role: "switch",
+        "aria-checked": pressed,
+        disabled,
+        onClick: () => onPressedChange?.(!pressed),
+        className: chunkADIDI7AJ_js.cn(
+          "inline-flex items-center gap-2 rounded-full px-4 py-2 text-sm font-medium transition-all",
+          pressed ? "bg-primary text-white shadow-sm" : "bg-gray-100 text-gray-700 hover:bg-gray-200",
+          disabled && "bg-gray-50 text-gray-400 cursor-not-allowed hover:bg-gray-50",
+          className
+        ),
+        children: [
+          leftIcon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "shrink-0", children: leftIcon }),
+          children
+        ]
+      }
+    );
+  }
+);
+Toggle.displayName = "Toggle";
+
+exports.Toggle = Toggle;

package/dist/chunk-E4B6LXK7.mjs

@@ -0,0 +1,45 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+var Divider = React.forwardRef(
+  ({ orientation = "horizontal", label, className }, ref) => {
+    if (orientation === "vertical") {
+      return /* @__PURE__ */ jsx(
+        "div",
+        {
+          ref,
+          role: "separator",
+          "aria-orientation": "vertical",
+          className: cn("w-px bg-gray-200 self-stretch", className)
+        }
+      );
+    }
+    if (label) {
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref,
+          role: "separator",
+          className: cn("flex items-center gap-4", className),
+          children: [
+            /* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-gray-200" }),
+            /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-text-muted uppercase tracking-wider", children: label }),
+            /* @__PURE__ */ jsx("div", { className: "flex-1 h-px bg-gray-200" })
+          ]
+        }
+      );
+    }
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "separator",
+        className: cn("h-px bg-gray-200 w-full", className)
+      }
+    );
+  }
+);
+Divider.displayName = "Divider";
+
+export { Divider };

package/dist/chunk-E6ZNND75.js

@@ -0,0 +1,65 @@
+'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 Tooltip = React__namespace.forwardRef(
+  ({ content, children, position = "top", className }, ref) => {
+    const [isVisible, setIsVisible] = React__namespace.useState(false);
+    const positionClasses = {
+      top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
+      bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
+      left: "right-full top-1/2 -translate-y-1/2 mr-2",
+      right: "left-full top-1/2 -translate-y-1/2 ml-2"
+    };
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        className: chunkADIDI7AJ_js.cn("relative inline-flex", className),
+        onMouseEnter: () => setIsVisible(true),
+        onMouseLeave: () => setIsVisible(false),
+        onFocus: () => setIsVisible(true),
+        onBlur: () => setIsVisible(false),
+        children: [
+          children,
+          isVisible && /* @__PURE__ */ jsxRuntime.jsx(
+            "div",
+            {
+              role: "tooltip",
+              className: chunkADIDI7AJ_js.cn(
+                "absolute z-50 px-3 py-1.5 text-xs font-medium text-white bg-gray-900 rounded-lg whitespace-nowrap pointer-events-none",
+                positionClasses[position]
+              ),
+              children: content
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Tooltip.displayName = "Tooltip";
+
+exports.Tooltip = Tooltip;

package/dist/chunk-EEIPCJQ2.mjs

@@ -0,0 +1,72 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Checkbox = React.forwardRef(
+  ({ label, description, error, required, checked, onChange, disabled, className, name }, ref) => {
+    const id = React.useId();
+    return /* @__PURE__ */ jsxs("div", { className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: id,
+          className: cn(
+            "flex items-start gap-3 cursor-pointer",
+            disabled && "opacity-50 cursor-not-allowed"
+          ),
+          children: [
+            /* @__PURE__ */ jsxs("span", { className: "relative mt-0.5 flex-shrink-0", children: [
+              /* @__PURE__ */ jsx(
+                "input",
+                {
+                  ref,
+                  id,
+                  name,
+                  type: "checkbox",
+                  checked,
+                  disabled,
+                  onChange: (e) => onChange?.(e.target.checked),
+                  className: "peer sr-only"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "span",
+                {
+                  className: cn(
+                    "block w-5 h-5 rounded border-2 transition-colors",
+                    checked ? "bg-secondary border-secondary" : "bg-white border-gray-300 peer-hover:border-secondary",
+                    disabled && "cursor-not-allowed"
+                  )
+                }
+              ),
+              checked && /* @__PURE__ */ jsx(
+                "svg",
+                {
+                  className: "absolute inset-0 w-5 h-5 text-white pointer-events-none",
+                  viewBox: "0 0 20 20",
+                  fill: "none",
+                  stroke: "currentColor",
+                  strokeWidth: "3",
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  children: /* @__PURE__ */ jsx("polyline", { points: "5 10 8.5 13.5 15 7" })
+                }
+              )
+            ] }),
+            (label || description) && /* @__PURE__ */ jsxs("div", { children: [
+              label && /* @__PURE__ */ jsxs("span", { className: "text-sm font-medium text-primary", children: [
+                label,
+                required && /* @__PURE__ */ jsx("span", { className: "text-secondary", children: " *" })
+              ] }),
+              description && /* @__PURE__ */ jsx("span", { className: "block text-xs text-text-secondary mt-0.5", children: description })
+            ] })
+          ]
+        }
+      ),
+      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+    ] });
+  }
+);
+Checkbox.displayName = "Checkbox";
+
+export { Checkbox };

package/dist/chunk-EJ7LDW7E.mjs

@@ -0,0 +1,212 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
+
+function CounterRow({ label, subtitle, value, min, max, onChange, ariaLabel }) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("p", { className: "font-medium text-primary", children: label }),
+      /* @__PURE__ */ jsx("p", { className: "text-sm text-text-muted", children: subtitle })
+    ] }),
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(Math.max(min, value - 1)),
+          disabled: value <= min,
+          "aria-label": `R\xE9duire ${ariaLabel}`,
+          className: cn(
+            "w-8 h-8 flex items-center justify-center rounded-full border text-primary transition-colors",
+            value <= min ? "border-gray-200 text-gray-300 cursor-not-allowed" : "border-sand-dark hover:border-secondary"
+          ),
+          children: "-"
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "w-8 text-center font-medium text-primary", "aria-live": "polite", children: value }),
+      /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          onClick: () => onChange(Math.min(max, value + 1)),
+          disabled: value >= max,
+          "aria-label": `Ajouter ${ariaLabel}`,
+          className: cn(
+            "w-8 h-8 flex items-center justify-center rounded-full border text-primary transition-colors",
+            value >= max ? "border-gray-200 text-gray-300 cursor-not-allowed" : "border-sand-dark hover:border-secondary"
+          ),
+          children: "+"
+        }
+      )
+    ] })
+  ] });
+}
+function ChildAgeSelect({
+  index,
+  age,
+  onChange
+}) {
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ jsxs("span", { className: "text-sm text-text-muted min-w-fit", children: [
+      "Enfant ",
+      index + 1
+    ] }),
+    /* @__PURE__ */ jsx(
+      "select",
+      {
+        value: age,
+        onChange: (e) => onChange(parseInt(e.target.value, 10)),
+        "aria-label": `\xC2ge de l'enfant ${index + 1}`,
+        className: "flex-1 px-2 py-1.5 border border-sand-dark rounded-lg text-sm text-primary bg-white focus:outline-none focus:ring-2 focus:ring-secondary focus:border-transparent",
+        children: Array.from({ length: 18 }, (_, i) => /* @__PURE__ */ jsx("option", { value: i, children: i === 0 ? "< 1 an" : `${i} an${i > 1 ? "s" : ""}` }, i))
+      }
+    )
+  ] });
+}
+var GuestPicker = React.forwardRef(
+  ({
+    adults,
+    onAdultsChange,
+    childrenAges,
+    onChildrenAgesChange,
+    dogs,
+    onDogsChange,
+    isOpen,
+    onToggle,
+    onClose,
+    maxAdults = 10,
+    maxChildren = 6,
+    maxDogs = 5,
+    validateLabel = "Valider",
+    renderTrigger,
+    className
+  }, ref) => {
+    const containerRef = React.useRef(null);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      function handleClickOutside(event) {
+        if (containerRef.current && !containerRef.current.contains(event.target)) {
+          onClose();
+        }
+      }
+      document.addEventListener("mousedown", handleClickOutside);
+      return () => document.removeEventListener("mousedown", handleClickOutside);
+    }, [isOpen, onClose]);
+    const childrenCount = childrenAges.length;
+    const handleChildrenCountChange = (newCount) => {
+      if (newCount > childrenCount) {
+        const newAges = [...childrenAges];
+        for (let i = childrenCount; i < newCount; i++) {
+          newAges.push(6);
+        }
+        onChildrenAgesChange(newAges);
+      } else if (newCount < childrenCount) {
+        onChildrenAgesChange(childrenAges.slice(0, newCount));
+      }
+    };
+    const handleChildAgeChange = (index, newAge) => {
+      const newAges = [...childrenAges];
+      newAges[index] = newAge;
+      onChildrenAgesChange(newAges);
+    };
+    const totalPeople = adults + childrenCount;
+    const summary = `${totalPeople} voyageur${totalPeople > 1 ? "s" : ""}, ${dogs} chien${dogs > 1 ? "s" : ""}`;
+    return /* @__PURE__ */ jsx("div", { ref, className: cn("relative", className), children: /* @__PURE__ */ jsxs("div", { ref: containerRef, children: [
+      renderTrigger ? renderTrigger({ summary, isOpen, onToggle }) : /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          onClick: onToggle,
+          "aria-label": "S\xE9lectionner le nombre de voyageurs et chiens",
+          "aria-expanded": isOpen,
+          className: "w-full flex items-center gap-2 px-4 py-3 border border-sand-dark rounded-xl bg-white hover:border-secondary transition-colors text-left",
+          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", className: "text-text-muted shrink-0", children: [
+              /* @__PURE__ */ jsx("path", { d: "M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2" }),
+              /* @__PURE__ */ jsx("circle", { cx: "9", cy: "7", r: "4" }),
+              /* @__PURE__ */ jsx("path", { d: "M22 21v-2a4 4 0 0 0-3-3.87" }),
+              /* @__PURE__ */ jsx("path", { d: "M16 3.13a4 4 0 0 1 0 7.75" })
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-primary flex-1", children: [
+              totalPeople,
+              " voyageur",
+              totalPeople > 1 ? "s" : ""
+            ] }),
+            /* @__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", className: "text-secondary shrink-0", children: [
+              /* @__PURE__ */ jsx("path", { d: "M10 5.172C10 3.782 8.423 2.679 6.5 3c-2.823.47-4.113 6.006-4 7 .08.703 1.725 1.722 3.656 1 1.261-.472 1.96-1.45 2.344-2.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M14.267 5.172c0-1.39 1.577-2.493 3.5-2.172 2.823.47 4.113 6.006 4 7-.08.703-1.725 1.722-3.656 1-1.261-.472-1.855-1.45-2.239-2.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M8 14v.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M16 14v.5" }),
+              /* @__PURE__ */ jsx("path", { d: "M11.25 16.25h1.5L12 17l-.75-.75Z" }),
+              /* @__PURE__ */ jsx("path", { d: "M4.42 11.247A13.152 13.152 0 0 0 4 14.556C4 18.728 7.582 21 12 21s8-2.272 8-6.444c0-1.061-.162-2.2-.493-3.309m-9.243-6.082A8.801 8.801 0 0 1 12 5c.78 0 1.5.108 2.161.306" })
+            ] }),
+            /* @__PURE__ */ jsx("span", { className: "text-primary", children: dogs }),
+            /* @__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("text-text-muted transition-transform", isOpen && "rotate-180"), children: /* @__PURE__ */ jsx("path", { d: "m6 9 6 6 6-6" }) })
+          ]
+        }
+      ),
+      isOpen && /* @__PURE__ */ jsxs("div", { className: "absolute top-full left-0 right-0 mt-2 bg-white rounded-xl shadow-lg border border-sand-dark z-[60] p-4", children: [
+        /* @__PURE__ */ jsxs("div", { className: "space-y-4", children: [
+          /* @__PURE__ */ jsx(
+            CounterRow,
+            {
+              label: "Adultes",
+              subtitle: "18 ans et plus",
+              value: adults,
+              min: 1,
+              max: maxAdults,
+              onChange: onAdultsChange,
+              ariaLabel: "le nombre d'adultes"
+            }
+          ),
+          /* @__PURE__ */ jsx(
+            CounterRow,
+            {
+              label: "Enfants",
+              subtitle: "0 \xE0 17 ans",
+              value: childrenCount,
+              min: 0,
+              max: maxChildren,
+              onChange: handleChildrenCountChange,
+              ariaLabel: "le nombre d'enfants"
+            }
+          ),
+          childrenAges.length > 0 && /* @__PURE__ */ jsx("div", { className: "pl-2 space-y-2 border-l-2 border-sand-dark ml-1", children: childrenAges.map((age, i) => /* @__PURE__ */ jsx(
+            ChildAgeSelect,
+            {
+              index: i,
+              age,
+              onChange: (newAge) => handleChildAgeChange(i, newAge)
+            },
+            i
+          )) }),
+          /* @__PURE__ */ jsx("div", { className: "border-t border-sand-dark" }),
+          /* @__PURE__ */ jsx(
+            CounterRow,
+            {
+              label: "Chiens",
+              subtitle: "Vos compagnons",
+              value: dogs,
+              min: 1,
+              max: maxDogs,
+              onChange: onDogsChange,
+              ariaLabel: "le nombre de chiens"
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onClose,
+            className: "mt-4 w-full py-2.5 bg-secondary text-white rounded-lg font-medium hover:bg-secondary-dark transition-colors",
+            children: validateLabel
+          }
+        )
+      ] })
+    ] }) });
+  }
+);
+GuestPicker.displayName = "GuestPicker";
+
+export { GuestPicker };