@planetaexo/design-system 0.3.0 → 0.3.1

package/dist/index.d.cts

@@ -13,7 +13,12 @@ interface OfferOptionalItem {
     label: string;
     /** e.g. "R$150.00 per person" */
     pricePerPerson: string;
+    /** Uncontrolled: estado inicial gerenciado internamente pelo DS. */
     defaultChecked?: boolean;
+    /** Controlled: quando presente, o host app é dono do estado de seleção. */
+    checked?: boolean;
+    /** Controlled: chamado ao marcar/desmarcar. Ignorado se `checked` não for passado. */
+    onCheckedChange?: (id: string, checked: boolean) => void;
 }
 interface OfferAdventureItem {
     id: string;

package/dist/index.d.ts

@@ -13,7 +13,12 @@ interface OfferOptionalItem {
     label: string;
     /** e.g. "R$150.00 per person" */
     pricePerPerson: string;
+    /** Uncontrolled: estado inicial gerenciado internamente pelo DS. */
     defaultChecked?: boolean;
+    /** Controlled: quando presente, o host app é dono do estado de seleção. */
+    checked?: boolean;
+    /** Controlled: chamado ao marcar/desmarcar. Ignorado se `checked` não for passado. */
+    onCheckedChange?: (id: string, checked: boolean) => void;
 }
 interface OfferAdventureItem {
     id: string;

package/dist/index.js

@@ -1048,21 +1048,33 @@ function CountrySearchField({
   ] });
 }
 function AdventureCard({ adventure }) {
-  var _a, _b, _c;
-  const [checked, setChecked] = React18.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.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__ */ jsxs("div", { className: "rounded-2xl border border-border bg-card overflow-hidden", children: [
     /* @__PURE__ */ jsx("div", { className: "aspect-[16/7] overflow-hidden bg-muted", children: /* @__PURE__ */ 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"
       }
     ) }),
@@ -1104,8 +1116,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"
                 }
               ),