@planetaexo/design-system 0.3.0 → 0.3.1

package/dist/index.cjs

@@ -1069,21 +1069,33 @@ function CountrySearchField({
   ] });
 }
 function AdventureCard({ adventure }) {
-  var _a, _b, _c;
-  const [checked, setChecked] = React18__namespace.useState(
-    new Set((_b = (_a = adventure.optionals) == null ? void 0 : _a.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _b : [])
+  var _a, _b, _c, _d, _e;
+  const isControlled = (_b = (_a = adventure.optionals) == null ? void 0 : _a.some((o) => o.onCheckedChange !== void 0)) != null ? _b : false;
+  const [checkedInternal, setCheckedInternal] = React18__namespace.useState(
+    new Set((_d = (_c = adventure.optionals) == null ? void 0 : _c.filter((o) => o.defaultChecked).map((o) => o.id)) != null ? _d : [])
   );
-  const toggleOptional = (id) => setChecked((prev) => {
-    const next = new Set(prev);
-    next.has(id) ? next.delete(id) : next.add(id);
-    return next;
-  });
+  const isChecked = (opt) => {
+    var _a2;
+    return isControlled ? (_a2 = opt.checked) != null ? _a2 : false : checkedInternal.has(opt.id);
+  };
+  const toggleOptional = (opt) => {
+    var _a2;
+    if (isControlled) {
+      (_a2 = opt.onCheckedChange) == null ? void 0 : _a2.call(opt, opt.id, !opt.checked);
+    } else {
+      setCheckedInternal((prev) => {
+        const next = new Set(prev);
+        next.has(opt.id) ? next.delete(opt.id) : next.add(opt.id);
+        return next;
+      });
+    }
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: "aspect-[16/7] overflow-hidden bg-muted", children: /* @__PURE__ */ jsxRuntime.jsx(
       "img",
       {
         src: adventure.image,
-        alt: (_c = adventure.imageAlt) != null ? _c : adventure.title,
+        alt: (_e = adventure.imageAlt) != null ? _e : adventure.title,
         className: "w-full h-full object-cover"
       }
     ) }),
@@ -1125,8 +1137,8 @@ function AdventureCard({ adventure }) {
                 "input",
                 {
                   type: "checkbox",
-                  checked: checked.has(opt.id),
-                  onChange: () => toggleOptional(opt.id),
+                  checked: isChecked(opt),
+                  onChange: () => toggleOptional(opt),
                   className: "h-4 w-4 shrink-0 rounded border-border accent-primary cursor-pointer"
                 }
               ),