@hanzogui/demos 3.0.6 → 4.4.0

package/dist/cjs/CheckboxDemo.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var CheckboxDemo_exports = {};
 __export(CheckboxDemo_exports, {
@@ -24,9 +26,9 @@ __export(CheckboxDemo_exports, {
   CheckboxWithLabel: () => CheckboxWithLabel
 });
 module.exports = __toCommonJS(CheckboxDemo_exports);
-var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CheckboxDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface2",
@@ -38,10 +40,10 @@ function CheckboxDemo() {
         size: "$3"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
         size: "$4",
-        defaultChecked: !0
+        defaultChecked: true
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
         size: "$5",
-        disabled: !0,
+        disabled: true,
         label: "Accept terms (disabled)"
       })]
     })

package/dist/cjs/CheckboxDemo.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var CheckboxDemo_exports = {};
 __export(CheckboxDemo_exports, {
@@ -26,9 +28,9 @@ __export(CheckboxDemo_exports, {
   CheckboxWithLabel: () => CheckboxWithLabel
 });
 module.exports = __toCommonJS(CheckboxDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
 function CheckboxDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: "surface2",
@@ -40,10 +42,10 @@ function CheckboxDemo() {
         size: "$3"
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
         size: "$4",
-        defaultChecked: !0
+        defaultChecked: true
       }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(CheckboxWithLabel, {
         size: "$5",
-        disabled: !0,
+        disabled: true,
         label: "Accept terms (disabled)"
       })]
     })
@@ -51,12 +53,12 @@ function CheckboxDemo() {
 }
 function CheckboxWithLabel(param) {
   var {
-      size,
-      label = "Accept terms and conditions",
-      disabled,
-      ...checkboxProps
-    } = param,
-    id = `checkbox-${(size || "").toString().slice(1)}`;
+    size,
+    label = "Accept terms and conditions",
+    disabled,
+    ...checkboxProps
+  } = param;
+  var id = `checkbox-${(size || "").toString().slice(1)}`;
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.Theme, {
     name: disabled ? "gray" : null,
     children: /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_gui.XStack, {

package/dist/cjs/CheckboxDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxDemo_exports","__export","CheckboxDemo","CheckboxWithLabel","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","name","children","jsxs","YStack","width","items","gap","size","defaultChecked","disabled"],"sources":["../../src/CheckboxDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,oBAAA;AAAAC,QAAA,CAAAD,oBAAA;EAAAE,YAAA,EAAAA,CAAA,KAAAA,YAAA;EAAAC,iBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAV,YAAmC,CAAAK,oBAAA;AAI5B,IAAAM,kBAAS,GAAeC,OAAA;EAAAC,qBAAA,GAAAD,OAAA;EAAAE,UAAA,GAAAF,OAAA;AAC7B,SACEL,aAAA;EAEI,0BAAAI,kBAAA,CAACI,GAAA,EAAAD,UAAA,CAAAE,KAAkB;IACnBC,IAAA;IACAC,QAAA,qBAAAP,kBAAC,CAAAQ,IAAA,EAAAL,UAAkB,CAAAM,MAAK;MAC1BC,KACF;MAEJC,KAAA;MAEOC,GAAS;MACdL,QAAA,GACA,eAAQ,IAAAP,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QACRgB,IAAA;MACG,IACkC,mBAAAb,kBAAA,CAAAI,GAAA,EAAAP,iBAAA;QAC/BgB,IAAK;QAETC,cAAA;MAEI,IAMA,mBAAAd,kBAAA,CAAAI,GAAC,EAAAP,iBAAM;QAIXgB,IAAA;QAEJE,QAAA","ignoreList":[]}
+{"version":3,"names":["__defProp","Object","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toCommonJS","mod","value","CheckboxDemo_exports","CheckboxDemo","CheckboxWithLabel","module","exports","import_jsx_runtime","require","import_lucide_icons_2","import_gui","jsx","Theme","children","jsxs","YStack","width","items","gap","size","defaultChecked","disabled","label","param","checkboxProps","id","toString","slice","XStack","Checkbox","Indicator","Check","Label","htmlFor","opacity"],"sources":["CheckboxDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CheckboxDemo_exports = {};\n__export(CheckboxDemo_exports, {\n  CheckboxDemo: () => CheckboxDemo,\n  CheckboxWithLabel: () => CheckboxWithLabel\n});\nmodule.exports = __toCommonJS(CheckboxDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction CheckboxDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Theme, {\n    name: \"surface2\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.YStack, {\n      width: 300,\n      items: \"center\",\n      gap: \"$2\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n          size: \"$3\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n          size: \"$4\",\n          defaultChecked: true\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(CheckboxWithLabel, {\n          size: \"$5\",\n          disabled: true,\n          label: \"Accept terms (disabled)\"\n        })\n      ]\n    })\n  });\n}\nfunction CheckboxWithLabel(param) {\n  var { size, label = \"Accept terms and conditions\", disabled, ...checkboxProps } = param;\n  var id = `checkbox-${(size || \"\").toString().slice(1)}`;\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Theme, {\n    name: disabled ? \"gray\" : null,\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      width: 300,\n      items: \"center\",\n      gap: \"$4\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Checkbox, {\n          id,\n          size,\n          disabled,\n          ...checkboxProps,\n          children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Checkbox.Indicator, {\n            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})\n          })\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n          size,\n          htmlFor: id,\n          opacity: disabled ? 0.5 : 1,\n          children: label\n        })\n      ]\n    })\n  });\n}\n//# sourceMappingURL=CheckboxDemo.js.map\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/CheckboxHeadlessDemo.cjs

@@ -2,44 +2,46 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var CheckboxHeadlessDemo_exports = {};
 __export(CheckboxHeadlessDemo_exports, {
   CheckboxHeadlessDemo: () => CheckboxHeadlessDemo
 });
 module.exports = __toCommonJS(CheckboxHeadlessDemo_exports);
-var import_react = __toESM(require("react"), 1),
-  import_checkbox_headless = require("@hanzogui/checkbox-headless"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_react_native = require("react-native-web"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_checkbox_headless = require("@hanzogui/checkbox-headless");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_react_native = require("react-native-web");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 function CheckboxHeadlessDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     width: 200,
@@ -59,12 +61,12 @@ function CheckboxHeadlessDemo() {
   });
 }
 const HeadlessCheckbox = import_react.default.forwardRef((props, ref) => {
-  const [checked, setChecked] = import_react.default.useState(props.defaultChecked || !1),
-    {
-      checkboxProps,
-      checkboxRef,
-      bubbleInput
-    } = (0, import_checkbox_headless.useCheckbox)(props, [checked, setChecked], ref);
+  const [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
+  const {
+    checkboxProps,
+    checkboxRef,
+    bubbleInput
+  } = (0, import_checkbox_headless.useCheckbox)(props, [checked, setChecked], ref);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.Pressable, {
     style: {
       width: 20,
@@ -72,14 +74,14 @@ const HeadlessCheckbox = import_react.default.forwardRef((props, ref) => {
       borderRadius: 4,
       justifyContent: "center",
       alignItems: "center",
-      backgroundColor: checked === !0 ? "lightblue" : "silver"
+      backgroundColor: checked === true ? "lightblue" : "silver"
     },
     ref: checkboxRef,
     ...checkboxProps,
     children: [checked === "indeterminate" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Minus, {
       width: 18,
       height: 18
-    }), checked === !0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+    }), checked === true && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
       width: 18,
       height: 18
     }), bubbleInput]

package/dist/cjs/CheckboxHeadlessDemo.native.js

@@ -4,44 +4,46 @@ var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf,
-  __hasOwnProp = Object.prototype.hasOwnProperty;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
-    value: mod,
-    enumerable: !0
-  }) : target, mod)),
-  __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-    value: !0
-  }), mod);
+// If the importer is in node compatibility mode or this is not an ESM
+// file that has been converted to a CommonJS file using a Babel-
+// compatible transform (i.e. "__esModule" has not been set), then set
+// "default" to the CommonJS "module.exports" for node compatibility.
+isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+  value: mod,
+  enumerable: true
+}) : target, mod));
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
 var CheckboxHeadlessDemo_exports = {};
 __export(CheckboxHeadlessDemo_exports, {
   CheckboxHeadlessDemo: () => CheckboxHeadlessDemo
 });
 module.exports = __toCommonJS(CheckboxHeadlessDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_react = __toESM(require("react"), 1),
-  import_checkbox_headless = require("@hanzogui/checkbox-headless"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_react_native = require("react-native"),
-  import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"), 1);
+var import_checkbox_headless = require("@hanzogui/checkbox-headless");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_react_native = require("react-native");
+var import_gui = require("@hanzo/gui");
 function CheckboxHeadlessDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     width: 200,
@@ -61,12 +63,12 @@ function CheckboxHeadlessDemo() {
   });
 }
 var HeadlessCheckbox = /* @__PURE__ */import_react.default.forwardRef(function (props, ref) {
-  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || !1),
-    {
-      checkboxProps,
-      checkboxRef,
-      bubbleInput
-    } = (0, import_checkbox_headless.useCheckbox)(props, [checked, setChecked], ref);
+  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);
+  var {
+    checkboxProps,
+    checkboxRef,
+    bubbleInput
+  } = (0, import_checkbox_headless.useCheckbox)(props, [checked, setChecked], ref);
   return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_react_native.Pressable, {
     style: {
       width: 20,
@@ -74,14 +76,14 @@ var HeadlessCheckbox = /* @__PURE__ */import_react.default.forwardRef(function (
       borderRadius: 4,
       justifyContent: "center",
       alignItems: "center",
-      backgroundColor: checked === !0 ? "lightblue" : "silver"
+      backgroundColor: checked === true ? "lightblue" : "silver"
     },
     ref: checkboxRef,
     ...checkboxProps,
     children: [checked === "indeterminate" && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Minus, {
       width: 18,
       height: 18
-    }), checked === !0 && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
+    }), checked === true && /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {
       width: 18,
       height: 18
     }), bubbleInput]

package/dist/cjs/CheckboxHeadlessDemo.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","CheckboxHeadlessDemo_exports","__export","CheckboxHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","__toESM","import_checkbox_headless","import_lucide_icons_2","import_react_native","import_gui","jsx","YStack","width","items","gap","children","jsxs","XStack","HeadlessCheckbox","defaultChecked","id","Label","htmlFor","default","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","useCheckbox","Pressable","style","height","borderRadius","justifyContent"],"sources":["../../src/CheckboxHeadlessDemo.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;kBAAA;EAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;IAAAC,KAAA;EAAA,IAAAH,GAAA;AAAA,IAAAI,4BAAA;AAAAC,QAAA,CAAAD,4BAAA;EAAAE,oBAAA,EAAAA,CAAA,KAAAA;AAAA;AAAAC,MAAA,CAAAC,OAAA,GAAAT,YAAkB,CAAAK,4BAElB;AAOO,IAAAK,kBAAS,GAAAC,OAAuB;EAAAC,YAAA,GAAAC,OAAA,CAAAF,OAAA;EAAAG,wBAAA,GAAAH,OAAA;EAAAI,qBAAA,GAAAJ,OAAA;EAAAK,mBAAA,GAAAL,OAAA;EAAAM,UAAA,GAAAN,OAAA;AACrC,SACEJ,qBAAA;EAEI,0BAAAG,kBAAA,CAACQ,GAAA,EAAAD,UAAA,CAAAE,MAAiB;IAClBC,KAAA;IAAkCC,KAEtC;IAEJC,GAAA;IAEAC,QAAM,iBAAmB,IAAAb,kBAAM,CAAAc,IAAwC,EAACP,UAAO,CAAAQ,MAAQ;MACrFH,GAAO;MAELD,KAAA;MACCE,QAAS,GACV,mBAAAb,kBAAA,CAAAQ,GAAA,EAAAQ,gBAAA;QACFC,cAAA;QAGEC,EAAA;MAAC,uBAAAlB,kBAAA,CAAAQ,GAAA,EAAAD,UAAA,CAAAY,KAAA;QACCC,OAAO;QACLP,QAAO;MACP;IACc;EACE;AACJ;AACsC,IAAAG,gBACpD,kBAAAd,YAAA,CAAAmB,OAAA,CAAAC,UAAA,WAAAC,KAAA,EAAAC,GAAA;EAAA,IACA,CAAAC,OAAK,EAAAC,UAAA,IAAAxB,YAAA,CAAAmB,OAAA,CAAAM,QAAA,CAAAJ,KAAA,CAAAN,cAAA;IAAA;MAAAW,aAAA;MAAAC,WAAA;MAAAC;IAAA,QAAA1B,wBAAA,CAAA2B,WAAA,EAAAR,KAAA,GAAAE,OACD,EAAAC,UAEH,GAAAF,GAAA;EAA6D,OAC7D,eAAY,CAAQ,GAAAxB,kBAAA,CAAAc,IAAA,EAAAR,mBAAC,CAAA0B,SAAA;IAA6BC,KAClD;MAAAvB,KAAA;MAAAwB,MAAA;MACHC,YAAA;MAEHC,cAAA","ignoreList":[]}
+{"version":3,"names":["__create","Object","create","__defProp","defineProperty","__getOwnPropDesc","getOwnPropertyDescriptor","__getOwnPropNames","getOwnPropertyNames","__getProtoOf","getPrototypeOf","__hasOwnProp","prototype","hasOwnProperty","__export","target","all","name","get","enumerable","__copyProps","to","from","except","desc","key","call","__toESM","mod","isNodeMode","__esModule","value","__toCommonJS","CheckboxHeadlessDemo_exports","CheckboxHeadlessDemo","module","exports","import_jsx_runtime","require","import_react","import_checkbox_headless","import_lucide_icons_2","import_react_native","import_gui","jsx","YStack","width","items","gap","children","jsxs","XStack","HeadlessCheckbox","defaultChecked","id","Label","htmlFor","default","forwardRef","props","ref","checked","setChecked","useState","checkboxProps","checkboxRef","bubbleInput","useCheckbox","Pressable","style","height","borderRadius","justifyContent","alignItems","backgroundColor","Minus","Check"],"sources":["CheckboxHeadlessDemo.native.js"],"sourcesContent":["\"use strict\";\nvar __create = Object.create;\nvar __defProp = Object.defineProperty;\nvar __getOwnPropDesc = Object.getOwnPropertyDescriptor;\nvar __getOwnPropNames = Object.getOwnPropertyNames;\nvar __getProtoOf = Object.getPrototypeOf;\nvar __hasOwnProp = Object.prototype.hasOwnProperty;\nvar __export = (target, all) => {\n  for (var name in all)\n    __defProp(target, name, { get: all[name], enumerable: true });\n};\nvar __copyProps = (to, from, except, desc) => {\n  if (from && typeof from === \"object\" || typeof from === \"function\") {\n    for (let key of __getOwnPropNames(from))\n      if (!__hasOwnProp.call(to, key) && key !== except)\n        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });\n  }\n  return to;\n};\nvar __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(\n  // If the importer is in node compatibility mode or this is not an ESM\n  // file that has been converted to a CommonJS file using a Babel-\n  // compatible transform (i.e. \"__esModule\" has not been set), then set\n  // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n  isNodeMode || !mod || !mod.__esModule ? __defProp(target, \"default\", { value: mod, enumerable: true }) : target,\n  mod\n));\nvar __toCommonJS = (mod) => __copyProps(__defProp({}, \"__esModule\", { value: true }), mod);\nvar CheckboxHeadlessDemo_exports = {};\n__export(CheckboxHeadlessDemo_exports, {\n  CheckboxHeadlessDemo: () => CheckboxHeadlessDemo\n});\nmodule.exports = __toCommonJS(CheckboxHeadlessDemo_exports);\nvar import_jsx_runtime = require(\"react/jsx-runtime\");\nvar import_react = __toESM(require(\"react\"), 1);\nvar import_checkbox_headless = require(\"@hanzogui/checkbox-headless\");\nvar import_lucide_icons_2 = require(\"@hanzogui/lucide-icons-2\");\nvar import_react_native = require(\"react-native\");\nvar import_gui = require(\"@hanzo/gui\");\nfunction CheckboxHeadlessDemo() {\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.YStack, {\n    width: 200,\n    items: \"center\",\n    gap: \"$3\",\n    children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_gui.XStack, {\n      gap: \"$3\",\n      items: \"center\",\n      children: [\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(HeadlessCheckbox, {\n          defaultChecked: \"indeterminate\",\n          id: \"headless\"\n        }),\n        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_gui.Label, {\n          htmlFor: \"headless\",\n          children: \"Headless\"\n        })\n      ]\n    })\n  });\n}\nvar HeadlessCheckbox = /* @__PURE__ */ import_react.default.forwardRef(function(props, ref) {\n  var [checked, setChecked] = import_react.default.useState(props.defaultChecked || false);\n  var { checkboxProps, checkboxRef, bubbleInput } = (0, import_checkbox_headless.useCheckbox)(props, [\n    checked,\n    setChecked\n  ], ref);\n  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_react_native.Pressable, {\n    style: {\n      width: 20,\n      height: 20,\n      borderRadius: 4,\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: checked === true ? \"lightblue\" : \"silver\"\n    },\n    ref: checkboxRef,\n    ...checkboxProps,\n    children: [\n      checked === \"indeterminate\" && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Minus, {\n        width: 18,\n        height: 18\n      }),\n      checked === true && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {\n        width: 18,\n        height: 18\n      }),\n      bubbleInput\n    ]\n  });\n});\n//# sourceMappingURL=CheckboxHeadlessDemo.js.map\n"],"mappings":"AAAA,YAAY;;AACZ,IAAIA,QAAQ,GAAGC,MAAM,CAACC,MAAM;AAC5B,IAAIC,SAAS,GAAGF,MAAM,CAACG,cAAc;AACrC,IAAIC,gBAAgB,GAAGJ,MAAM,CAACK,wBAAwB;AACtD,IAAIC,iBAAiB,GAAGN,MAAM,CAACO,mBAAmB;AAClD,IAAIC,YAAY,GAAGR,MAAM,CAACS,cAAc;AACxC,IAAIC,YAAY,GAAGV,MAAM,CAACW,SAAS,CAACC,cAAc;AAClD,IAAIC,QAAQ,GAAGA,CAACC,MAAM,EAAEC,GAAG,KAAK;EAC9B,KAAK,IAAIC,IAAI,IAAID,GAAG,EAClBb,SAAS,CAACY,MAAM,EAAEE,IAAI,EAAE;IAAEC,GAAG,EAAEF,GAAG,CAACC,IAAI,CAAC;IAAEE,UAAU,EAAE;EAAK,CAAC,CAAC;AACjE,CAAC;AACD,IAAIC,WAAW,GAAGA,CAACC,EAAE,EAAEC,IAAI,EAAEC,MAAM,EAAEC,IAAI,KAAK;EAC5C,IAAIF,IAAI,IAAI,OAAOA,IAAI,KAAK,QAAQ,IAAI,OAAOA,IAAI,KAAK,UAAU,EAAE;IAClE,KAAK,IAAIG,GAAG,IAAIlB,iBAAiB,CAACe,IAAI,CAAC,EACrC,IAAI,CAACX,YAAY,CAACe,IAAI,CAACL,EAAE,EAAEI,GAAG,CAAC,IAAIA,GAAG,KAAKF,MAAM,EAC/CpB,SAAS,CAACkB,EAAE,EAAEI,GAAG,EAAE;MAAEP,GAAG,EAAEA,CAAA,KAAMI,IAAI,CAACG,GAAG,CAAC;MAAEN,UAAU,EAAE,EAAEK,IAAI,GAAGnB,gBAAgB,CAACiB,IAAI,EAAEG,GAAG,CAAC,CAAC,IAAID,IAAI,CAACL;IAAW,CAAC,CAAC;EACxH;EACA,OAAOE,EAAE;AACX,CAAC;AACD,IAAIM,OAAO,GAAGA,CAACC,GAAG,EAAEC,UAAU,EAAEd,MAAM,MAAMA,MAAM,GAAGa,GAAG,IAAI,IAAI,GAAG5B,QAAQ,CAACS,YAAY,CAACmB,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,EAAER,WAAW;AAC9G;AACA;AACA;AACA;AACAS,UAAU,IAAI,CAACD,GAAG,IAAI,CAACA,GAAG,CAACE,UAAU,GAAG3B,SAAS,CAACY,MAAM,EAAE,SAAS,EAAE;EAAEgB,KAAK,EAAEH,GAAG;EAAET,UAAU,EAAE;AAAK,CAAC,CAAC,GAAGJ,MAAM,EAC/Ga,GACF,CAAC,CAAC;AACF,IAAII,YAAY,GAAIJ,GAAG,IAAKR,WAAW,CAACjB,SAAS,CAAC,CAAC,CAAC,EAAE,YAAY,EAAE;EAAE4B,KAAK,EAAE;AAAK,CAAC,CAAC,EAAEH,GAAG,CAAC;AAC1F,IAAIK,4BAA4B,GAAG,CAAC,CAAC;AACrCnB,QAAQ,CAACmB,4BAA4B,EAAE;EACrCC,oBAAoB,EAAEA,CAAA,KAAMA;AAC9B,CAAC,CAAC;AACFC,MAAM,CAACC,OAAO,GAAGJ,YAAY,CAACC,4BAA4B,CAAC;AAC3D,IAAII,kBAAkB,GAAGC,OAAO,CAAC,mBAAmB,CAAC;AACrD,IAAIC,YAAY,GAAGZ,OAAO,CAACW,OAAO,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC;AAC/C,IAAIE,wBAAwB,GAAGF,OAAO,CAAC,6BAA6B,CAAC;AACrE,IAAIG,qBAAqB,GAAGH,OAAO,CAAC,0BAA0B,CAAC;AAC/D,IAAII,mBAAmB,GAAGJ,OAAO,CAAC,cAAc,CAAC;AACjD,IAAIK,UAAU,GAAGL,OAAO,CAAC,YAAY,CAAC;AACtC,SAASJ,oBAAoBA,CAAA,EAAG;EAC9B,OAAO,eAAgB,CAAC,CAAC,EAAEG,kBAAkB,CAACO,GAAG,EAAED,UAAU,CAACE,MAAM,EAAE;IACpEC,KAAK,EAAE,GAAG;IACVC,KAAK,EAAE,QAAQ;IACfC,GAAG,EAAE,IAAI;IACTC,QAAQ,EAAE,eAAgB,CAAC,CAAC,EAAEZ,kBAAkB,CAACa,IAAI,EAAEP,UAAU,CAACQ,MAAM,EAAE;MACxEH,GAAG,EAAE,IAAI;MACTD,KAAK,EAAE,QAAQ;MACfE,QAAQ,EAAE,CACR,eAAgB,CAAC,CAAC,EAAEZ,kBAAkB,CAACO,GAAG,EAAEQ,gBAAgB,EAAE;QAC5DC,cAAc,EAAE,eAAe;QAC/BC,EAAE,EAAE;MACN,CAAC,CAAC,EACF,eAAgB,CAAC,CAAC,EAAEjB,kBAAkB,CAACO,GAAG,EAAED,UAAU,CAACY,KAAK,EAAE;QAC5DC,OAAO,EAAE,UAAU;QACnBP,QAAQ,EAAE;MACZ,CAAC,CAAC;IAEN,CAAC;EACH,CAAC,CAAC;AACJ;AACA,IAAIG,gBAAgB,GAAG,eAAgBb,YAAY,CAACkB,OAAO,CAACC,UAAU,CAAC,UAASC,KAAK,EAAEC,GAAG,EAAE;EAC1F,IAAI,CAACC,OAAO,EAAEC,UAAU,CAAC,GAAGvB,YAAY,CAACkB,OAAO,CAACM,QAAQ,CAACJ,KAAK,CAACN,cAAc,IAAI,KAAK,CAAC;EACxF,IAAI;IAAEW,aAAa;IAAEC,WAAW;IAAEC;EAAY,CAAC,GAAG,CAAC,CAAC,EAAE1B,wBAAwB,CAAC2B,WAAW,EAAER,KAAK,EAAE,CACjGE,OAAO,EACPC,UAAU,CACX,EAAEF,GAAG,CAAC;EACP,OAAO,eAAgB,CAAC,CAAC,EAAEvB,kBAAkB,CAACa,IAAI,EAAER,mBAAmB,CAAC0B,SAAS,EAAE;IACjFC,KAAK,EAAE;MACLvB,KAAK,EAAE,EAAE;MACTwB,MAAM,EAAE,EAAE;MACVC,YAAY,EAAE,CAAC;MACfC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBC,eAAe,EAAEb,OAAO,KAAK,IAAI,GAAG,WAAW,GAAG;IACpD,CAAC;IACDD,GAAG,EAAEK,WAAW;IAChB,GAAGD,aAAa;IAChBf,QAAQ,EAAE,CACRY,OAAO,KAAK,eAAe,IAAI,eAAgB,CAAC,CAAC,EAAExB,kBAAkB,CAACO,GAAG,EAAEH,qBAAqB,CAACkC,KAAK,EAAE;MACtG7B,KAAK,EAAE,EAAE;MACTwB,MAAM,EAAE;IACV,CAAC,CAAC,EACFT,OAAO,KAAK,IAAI,IAAI,eAAgB,CAAC,CAAC,EAAExB,kBAAkB,CAACO,GAAG,EAAEH,qBAAqB,CAACmC,KAAK,EAAE;MAC3F9B,KAAK,EAAE,EAAE;MACTwB,MAAM,EAAE;IACV,CAAC,CAAC,EACFJ,WAAW;EAEf,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/CheckboxUnstyledDemo.cjs

@@ -3,20 +3,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var CheckboxUnstyledDemo_exports = {};
 __export(CheckboxUnstyledDemo_exports, {
@@ -24,37 +26,37 @@ __export(CheckboxUnstyledDemo_exports, {
   CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
 });
 module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_checkbox = require("@hanzogui/checkbox"),
-  import_core = require("@hanzogui/core"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  import_jsx_runtime = require("react/jsx-runtime");
+var import_checkbox = require("@hanzogui/checkbox");
+var import_core = require("@hanzogui/core");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
+var import_jsx_runtime = require("react/jsx-runtime");
 const Frame = (0, import_core.styled)(import_core.View, {
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: 5,
-    items: "center",
-    justify: "center",
-    variants: {
-      checked: {
-        indeterminate: {},
-        true: {
-          backgroundColor: "$color5"
-        },
-        false: {
-          backgroundColor: "$color3"
-        }
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  rounded: 5,
+  items: "center",
+  justify: "center",
+  variants: {
+    checked: {
+      indeterminate: {},
+      true: {
+        backgroundColor: "$color5"
+      },
+      false: {
+        backgroundColor: "$color3"
       }
-    },
-    defaultVariants: {
-      checked: !1
     }
-  }),
-  Indicator = (0, import_core.styled)(import_core.View, {}),
-  Checkbox = (0, import_checkbox.createCheckbox)({
-    Frame,
-    Indicator
-  });
+  },
+  defaultVariants: {
+    checked: false
+  }
+});
+const Indicator = (0, import_core.styled)(import_core.View, {});
+const Checkbox = (0, import_checkbox.createCheckbox)({
+  Frame,
+  Indicator
+});
 function CheckboxUnstyledDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     width: 200,
@@ -64,7 +66,7 @@ function CheckboxUnstyledDemo() {
       gap: "$3",
       items: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "unstyled",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})

package/dist/cjs/CheckboxUnstyledDemo.native.js

@@ -5,20 +5,22 @@ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
-    for (var name in all) __defProp(target, name, {
-      get: all[name],
-      enumerable: !0
-    });
-  },
-  __copyProps = (to, from, except, desc) => {
-    if (from && typeof from == "object" || typeof from == "function") for (let key of __getOwnPropNames(from)) !__hasOwnProp.call(to, key) && key !== except && __defProp(to, key, {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
       get: () => from[key],
       enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
     });
-    return to;
-  };
+  }
+  return to;
+};
 var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
-  value: !0
+  value: true
 }), mod);
 var CheckboxUnstyledDemo_exports = {};
 __export(CheckboxUnstyledDemo_exports, {
@@ -26,37 +28,37 @@ __export(CheckboxUnstyledDemo_exports, {
   CheckboxUnstyledDemo: () => CheckboxUnstyledDemo
 });
 module.exports = __toCommonJS(CheckboxUnstyledDemo_exports);
-var import_jsx_runtime = require("react/jsx-runtime"),
-  import_checkbox = require("@hanzogui/checkbox"),
-  import_core = require("@hanzogui/core"),
-  import_lucide_icons_2 = require("@hanzogui/lucide-icons-2"),
-  import_gui = require("@hanzo/gui"),
-  Frame = (0, import_core.styled)(import_core.View, {
-    borderWidth: 1,
-    borderColor: "$borderColor",
-    rounded: 5,
-    items: "center",
-    justify: "center",
-    variants: {
-      checked: {
-        indeterminate: {},
-        true: {
-          backgroundColor: "$color5"
-        },
-        false: {
-          backgroundColor: "$color3"
-        }
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_checkbox = require("@hanzogui/checkbox");
+var import_core = require("@hanzogui/core");
+var import_lucide_icons_2 = require("@hanzogui/lucide-icons-2");
+var import_gui = require("@hanzo/gui");
+var Frame = (0, import_core.styled)(import_core.View, {
+  borderWidth: 1,
+  borderColor: "$borderColor",
+  rounded: 5,
+  items: "center",
+  justify: "center",
+  variants: {
+    checked: {
+      indeterminate: {},
+      true: {
+        backgroundColor: "$color5"
+      },
+      false: {
+        backgroundColor: "$color3"
       }
-    },
-    defaultVariants: {
-      checked: !1
     }
-  }),
-  Indicator = (0, import_core.styled)(import_core.View, {}),
-  Checkbox = (0, import_checkbox.createCheckbox)({
-    Frame,
-    Indicator
-  });
+  },
+  defaultVariants: {
+    checked: false
+  }
+});
+var Indicator = (0, import_core.styled)(import_core.View, {});
+var Checkbox = (0, import_checkbox.createCheckbox)({
+  Frame,
+  Indicator
+});
 function CheckboxUnstyledDemo() {
   return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_gui.YStack, {
     width: 200,
@@ -66,7 +68,7 @@ function CheckboxUnstyledDemo() {
       gap: "$3",
       items: "center",
       children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox, {
-        defaultChecked: !0,
+        defaultChecked: true,
         id: "unstyled",
         children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(Checkbox.Indicator, {
           children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_lucide_icons_2.Check, {})