@tamagui/checkbox 2.0.0-rc.4 → 2.0.0-rc.40

package/dist/esm/Checkbox.mjs

@@ -2,86 +2,89 @@ import { getVariableValue, styled } from "@tamagui/core";
 import { getSize } from "@tamagui/get-token";
 import { YStack } from "@tamagui/stacks";
 import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
-const INDICATOR_NAME = "CheckboxIndicator",
-  CheckboxIndicatorFrame = styled(YStack, {
-    // use Checkbox for easier themes
-    name: INDICATOR_NAME,
-    context: CheckboxStyledContext,
-    variants: {
-      unstyled: {
-        false: {}
+const INDICATOR_NAME = "CheckboxIndicator";
+const CheckboxIndicatorFrame = styled(YStack, {
+  // use Checkbox for easier themes
+  name: INDICATOR_NAME,
+  context: CheckboxStyledContext,
+  variants: {
+    unstyled: {
+      false: {}
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+const CHECKBOX_NAME = "Checkbox";
+const CheckboxFrame = styled(YStack, {
+  name: CHECKBOX_NAME,
+  render: "button",
+  context: CheckboxStyledContext,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        backgroundColor: "$background",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          borderColor: "$borderColorFocus"
+        },
+        focusVisibleStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        }
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
-    }
-  }),
-  CHECKBOX_NAME = "Checkbox",
-  CheckboxFrame = styled(YStack, {
-    name: CHECKBOX_NAME,
-    render: "button",
-    context: CheckboxStyledContext,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          backgroundColor: "$background",
-          alignItems: "center",
-          justifyContent: "center",
-          borderWidth: 1,
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed",
+        hoverStyle: {
           borderColor: "$borderColor",
-          hoverStyle: {
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorPress"
-          },
-          focusStyle: {
-            borderColor: "$borderColorFocus"
-          },
-          focusVisibleStyle: {
-            outlineStyle: "solid",
-            outlineWidth: 2,
-            outlineColor: "$outlineColor"
-          }
-        }
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          userSelect: "none",
-          cursor: "not-allowed",
-          hoverStyle: {
-            borderColor: "$borderColor",
-            backgroundColor: "$background"
-          },
-          pressStyle: {
-            borderColor: "$borderColor",
-            backgroundColor: "$background"
-          },
-          focusStyle: {
-            outlineWidth: 0
-          }
+          backgroundColor: "$background"
+        },
+        pressStyle: {
+          borderColor: "$borderColor",
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          outlineWidth: 0
         }
-      },
-      size: {
-        "...size": val => ({
-          borderRadius: getVariableValue(getSize(val)) / 8
-        })
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    size: {
+      "...size": val => {
+        const radiusToken = getVariableValue(getSize(val)) / 8;
+        return {
+          borderRadius: radiusToken
+        };
+      }
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
 export { CheckboxFrame, CheckboxIndicatorFrame };
 //# sourceMappingURL=Checkbox.mjs.map

package/dist/esm/Checkbox.mjs.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","styled","getSize","YStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","CheckboxFrame","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","val","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,SAASC,qBAAA,QAA6B;AAKtC,MAAMC,cAAA,GAAiB;EAEVC,sBAAA,GAAyBL,MAAA,CACpCE,MAAA,EACA;IAAA;IAEEI,IAAA,EAAMF,cAAA;IACNG,OAAA,EAASJ,qBAAA;IACTK,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO,CAAC;MACV;IACF;IACAC,eAAA,EAAiB;MACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF;EAMMC,aAAA,GAAgB;EAETC,aAAA,GAAgBlB,MAAA,CAC3BE,MAAA,EACA;IACEI,IAAA,EAAMW,aAAA;IACNE,MAAA,EAAQ;IAERZ,OAAA,EAASJ,qBAAA;IACTK,QAAA,EAAU;MACRC,QAAA,EAAU;QACRC,KAAA,EAAO;UACLU,IAAA,EAAM;UACNC,eAAA,EAAiB;UACjBC,UAAA,EAAY;UACZC,cAAA,EAAgB;UAChBC,WAAA,EAAa;UACbC,WAAA,EAAa;UAEbC,UAAA,EAAY;YACVD,WAAA,EAAa;UACf;UAEAE,UAAA,EAAY;YACVN,eAAA,EAAiB;YACjBI,WAAA,EAAa;UACf;UAEAG,UAAA,EAAY;YACVH,WAAA,EAAa;UACf;UAEAI,iBAAA,EAAmB;YACjBC,YAAA,EAAc;YACdC,YAAA,EAAc;YACdC,YAAA,EAAc;UAChB;QACF;MACF;MAEAC,QAAA,EAAU;QACRC,IAAA,EAAM;UACJC,aAAA,EAAe;UACfC,UAAA,EAAY;UACZC,MAAA,EAAQ;UAERX,UAAA,EAAY;YACVD,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAM,UAAA,EAAY;YACVF,WAAA,EAAa;YACbJ,eAAA,EAAiB;UACnB;UAEAO,UAAA,EAAY;YACVG,YAAA,EAAc;UAChB;QACF;MACF;MAEAX,IAAA,EAAM;QACJ,WAAYkB,GAAA,KAEH;UACLC,YAAA,EAFkBxC,gBAAA,CAAiBE,OAAA,CAAQqC,GAAG,CAAC,IAAI;QAGrD;MAEJ;IACF;IAEA3B,eAAA,EAAiB;MACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;IAC7C;EACF,GACA;IACEC,MAAA,EAAQ;MACNC,WAAA,EAAa;IACf;EACF,CACF","ignoreList":[]}
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","CheckboxFrame","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","val","radiusToken","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,SAASC,qBAAA,QAA6B;AAKtC,MAAMC,cAAA,GAAiB;AAEhB,MAAMC,sBAAA,GAAyBL,MAAA,CACpCE,MAAA,EACA;EAAA;EAEEI,IAAA,EAAMF,cAAA;EACNG,OAAA,EAASJ,qBAAA;EACTK,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO,CAAC;IACV;EACF;EACAC,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF;AAMA,MAAMC,aAAA,GAAgB;AAEf,MAAMC,aAAA,GAAgBlB,MAAA,CAC3BE,MAAA,EACA;EACEI,IAAA,EAAMW,aAAA;EACNE,MAAA,EAAQ;EAERZ,OAAA,EAASJ,qBAAA;EACTK,QAAA,EAAU;IACRC,QAAA,EAAU;MACRC,KAAA,EAAO;QACLU,IAAA,EAAM;QACNC,eAAA,EAAiB;QACjBC,UAAA,EAAY;QACZC,cAAA,EAAgB;QAChBC,WAAA,EAAa;QACbC,WAAA,EAAa;QAEbC,UAAA,EAAY;UACVD,WAAA,EAAa;QACf;QAEAE,UAAA,EAAY;UACVN,eAAA,EAAiB;UACjBI,WAAA,EAAa;QACf;QAEAG,UAAA,EAAY;UACVH,WAAA,EAAa;QACf;QAEAI,iBAAA,EAAmB;UACjBC,YAAA,EAAc;UACdC,YAAA,EAAc;UACdC,YAAA,EAAc;QAChB;MACF;IACF;IAEAC,QAAA,EAAU;MACRC,IAAA,EAAM;QACJC,aAAA,EAAe;QACfC,UAAA,EAAY;QACZC,MAAA,EAAQ;QAERX,UAAA,EAAY;UACVD,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAM,UAAA,EAAY;UACVF,WAAA,EAAa;UACbJ,eAAA,EAAiB;QACnB;QAEAO,UAAA,EAAY;UACVG,YAAA,EAAc;QAChB;MACF;IACF;IAEAX,IAAA,EAAM;MACJ,WAAYkB,GAAA,IAAQ;QAClB,MAAMC,WAAA,GAAcxC,gBAAA,CAAiBE,OAAA,CAAQqC,GAAG,CAAC,IAAI;QACrD,OAAO;UACLE,YAAA,EAAcD;QAChB;MACF;IACF;EACF;EAEA5B,eAAA,EAAiB;IACfF,QAAA,EAAUG,OAAA,CAAQC,GAAA,CAAIC,gBAAA,KAAqB;EAC7C;AACF,GACA;EACEC,MAAA,EAAQ;IACNC,WAAA,EAAa;EACf;AACF,CACF","ignoreList":[]}

package/dist/esm/Checkbox.native.js

@@ -2,89 +2,89 @@ import { getVariableValue, styled } from "@tamagui/core";
 import { getSize } from "@tamagui/get-token";
 import { YStack } from "@tamagui/stacks";
 import { CheckboxStyledContext } from "./CheckboxStyledContext.native.js";
-var INDICATOR_NAME = "CheckboxIndicator",
-  CheckboxIndicatorFrame = styled(YStack, {
-    // use Checkbox for easier themes
-    name: INDICATOR_NAME,
-    context: CheckboxStyledContext,
-    variants: {
-      unstyled: {
-        false: {}
+var INDICATOR_NAME = "CheckboxIndicator";
+var CheckboxIndicatorFrame = styled(YStack, {
+  // use Checkbox for easier themes
+  name: INDICATOR_NAME,
+  context: CheckboxStyledContext,
+  variants: {
+    unstyled: {
+      false: {}
+    }
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
+var CHECKBOX_NAME = "Checkbox";
+var CheckboxFrame = styled(YStack, {
+  name: CHECKBOX_NAME,
+  render: "button",
+  context: CheckboxStyledContext,
+  variants: {
+    unstyled: {
+      false: {
+        size: "$true",
+        backgroundColor: "$background",
+        alignItems: "center",
+        justifyContent: "center",
+        borderWidth: 1,
+        borderColor: "$borderColor",
+        hoverStyle: {
+          borderColor: "$borderColorHover"
+        },
+        pressStyle: {
+          backgroundColor: "$backgroundPress",
+          borderColor: "$borderColorPress"
+        },
+        focusStyle: {
+          borderColor: "$borderColorFocus"
+        },
+        focusVisibleStyle: {
+          outlineStyle: "solid",
+          outlineWidth: 2,
+          outlineColor: "$outlineColor"
+        }
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
-    }
-  }),
-  CHECKBOX_NAME = "Checkbox",
-  CheckboxFrame = styled(YStack, {
-    name: CHECKBOX_NAME,
-    render: "button",
-    context: CheckboxStyledContext,
-    variants: {
-      unstyled: {
-        false: {
-          size: "$true",
-          backgroundColor: "$background",
-          alignItems: "center",
-          justifyContent: "center",
-          borderWidth: 1,
+    disabled: {
+      true: {
+        pointerEvents: "none",
+        userSelect: "none",
+        cursor: "not-allowed",
+        hoverStyle: {
           borderColor: "$borderColor",
-          hoverStyle: {
-            borderColor: "$borderColorHover"
-          },
-          pressStyle: {
-            backgroundColor: "$backgroundPress",
-            borderColor: "$borderColorPress"
-          },
-          focusStyle: {
-            borderColor: "$borderColorFocus"
-          },
-          focusVisibleStyle: {
-            outlineStyle: "solid",
-            outlineWidth: 2,
-            outlineColor: "$outlineColor"
-          }
-        }
-      },
-      disabled: {
-        true: {
-          pointerEvents: "none",
-          userSelect: "none",
-          cursor: "not-allowed",
-          hoverStyle: {
-            borderColor: "$borderColor",
-            backgroundColor: "$background"
-          },
-          pressStyle: {
-            borderColor: "$borderColor",
-            backgroundColor: "$background"
-          },
-          focusStyle: {
-            outlineWidth: 0
-          }
-        }
-      },
-      size: {
-        "...size": function (val) {
-          var radiusToken = getVariableValue(getSize(val)) / 8;
-          return {
-            borderRadius: radiusToken
-          };
+          backgroundColor: "$background"
+        },
+        pressStyle: {
+          borderColor: "$borderColor",
+          backgroundColor: "$background"
+        },
+        focusStyle: {
+          outlineWidth: 0
         }
       }
     },
-    defaultVariants: {
-      unstyled: process.env.TAMAGUI_HEADLESS === "1"
-    }
-  }, {
-    accept: {
-      activeStyle: "style"
+    size: {
+      "...size": function (val) {
+        var radiusToken = getVariableValue(getSize(val)) / 8;
+        return {
+          borderRadius: radiusToken
+        };
+      }
     }
-  });
+  },
+  defaultVariants: {
+    unstyled: process.env.TAMAGUI_HEADLESS === "1"
+  }
+}, {
+  accept: {
+    activeStyle: "style"
+  }
+});
 export { CheckboxFrame, CheckboxIndicatorFrame };
 //# sourceMappingURL=Checkbox.native.js.map

package/dist/esm/Checkbox.native.js.map

@@ -1 +1 @@
-{"version":3,"names":["getVariableValue","styled","getSize","YStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","CheckboxFrame","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","...size","val","radiusToken","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,SAASC,qBAAA,QAA6B;AAKtC,IAAAC,cAAM,sBAAiB;EAAAC,sBAEV,GAAAL,MAAyB,CAAAE,MAAA;IACpC;IACAI,IAAA,EAAAF,cAAA;IAAAG,OAAA,EAAAJ,qBAAA;IAAAK,QAEQ;MACNC,QAAA,EAAS;QACTC,KAAA,GAAU;MAAA;IACE;IACAC,eACV;MACFF,QAAA,EAAAG,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IAAA;EACiB;IAC4BC,MAC7C;MACFC,WAAA;IACA;EAAA;EACEC,aAAQ;EAAAC,aAAA,GAAAlB,MAAA,CAAAE,MAAA;IAAAI,IACN,EAAAW,aAAa;IAAAE,MACf;IACFZ,OAAA,EAAAJ,qBAAA;IACFK,QAMM;MAGJC,QAAA;QACAC,KAAA;UACEU,IAAM;UACNC,eAAQ;UAERC,UAAS;UACTC,cAAU;UACRC,WAAU;UACRC,WAAO;UAAAC,UACC;YACND,WAAA;UAAiB;UACLE,UACZ;YACAN,eAAa;YACbI,WAAA,EAAa;UAAA;UAEDG,UACV;YACFH,WAAA;UAAA;UAEYI,iBACV;YAAiBC,YACjB,SAAa;YACfC,YAAA;YAEAC,YAAY;UAAA;QACG;MACf;MAEmBC,QACjB;QAAcC,IAAA,EACd;UAAcC,aACd,QAAc;UAAAC,UAChB;UACFC,MAAA;UACFX,UAAA;YAEAD,WAAU;YACRJ,eAAM;UAAA;UACWM,UACf;YACAF,WAAQ;YAERJ,eAAY;UAAA;UACGO,UACb;YACFG,YAAA;UAAA;QAEY;MACG;MACIX,IAAA,EACnB;QAAA,SAEA,WAAAkB,CAAYC,GAAA;UAAA,IACVC,WAAA,GAAczC,gBAAA,CAAAE,OAAA,CAAAsC,GAAA;UAAA,OAChB;YACFE,YAAA,EAAAD;UACF;QAEA;MAAM;IAGK;IAD8C7B,eAGrD;MAAAF,QAEJ,EAAAG,OAAA,CAAAC,GAAA,CAAAC,gBAAA;IAAA;EACF;IAEiBC,MACf;MACFC,WAAA;IACF;EAAA,EACA;AAAA,SACUE,aACN,EAAab,sBACf","ignoreList":[]}
+{"version":3,"names":["getVariableValue","styled","getSize","YStack","CheckboxStyledContext","INDICATOR_NAME","CheckboxIndicatorFrame","name","context","variants","unstyled","false","defaultVariants","process","env","TAMAGUI_HEADLESS","accept","activeStyle","CHECKBOX_NAME","CheckboxFrame","render","size","backgroundColor","alignItems","justifyContent","borderWidth","borderColor","hoverStyle","pressStyle","focusStyle","focusVisibleStyle","outlineStyle","outlineWidth","outlineColor","disabled","true","pointerEvents","userSelect","cursor","...size","val","radiusToken","borderRadius"],"sources":["../../src/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAGA,SAASA,gBAAA,EAAkBC,MAAA,QAAc;AACzC,SAASC,OAAA,QAAe;AACxB,SAASC,MAAA,QAAc;AAEvB,SAASC,qBAAA,QAA6B;AAKtC,IAAAC,cAAM,sBAAiB;AAEhB,IAAAC,sBAAM,GAAAL,MAAyB,CAAAE,MAAA;EACpC;EACAI,IAAA,EAAAF,cAAA;EAAAG,OAAA,EAAAJ,qBAAA;EAAAK,QAEQ;IACNC,QAAA,EAAS;MACTC,KAAA,GAAU;IAAA;EACE;EACAC,eACV;IACFF,QAAA,EAAAG,OAAA,CAAAC,GAAA,CAAAC,gBAAA;EAAA;AACiB;EAC4BC,MAC7C;IACFC,WAAA;EACA;AAAA;AACU,IAAAC,aACN,GAAa;AAAA,IACfC,aAAA,GAAAlB,MAAA,CAAAE,MAAA;EACFI,IAAA,EAAAW,aAAA;EACFE,MAAA;EAMAZ,OAAM,EAAAJ,qBAAgB;EAEfK,QAAM;IACXC,QAAA;MACAC,KAAA;QACEU,IAAM;QACNC,eAAQ;QAERC,UAAS;QACTC,cAAU;QACRC,WAAU;QACRC,WAAO;QAAAC,UACC;UACND,WAAA;QAAiB;QACLE,UACZ;UACAN,eAAa;UACbI,WAAA,EAAa;QAAA;QAEDG,UACV;UACFH,WAAA;QAAA;QAEYI,iBACV;UAAiBC,YACjB,SAAa;UACfC,YAAA;UAEAC,YAAY;QAAA;MACG;IACf;IAEmBC,QACjB;MAAcC,IAAA,EACd;QAAcC,aACd,QAAc;QAAAC,UAChB;QACFC,MAAA;QACFX,UAAA;UAEAD,WAAU;UACRJ,eAAM;QAAA;QACWM,UACf;UACAF,WAAQ;UAERJ,eAAY;QAAA;QACGO,UACb;UACFG,YAAA;QAAA;MAEY;IACG;IACIX,IAAA,EACnB;MAAA,SAEA,WAAAkB,CAAYC,GAAA;QAAA,IACVC,WAAA,GAAczC,gBAAA,CAAAE,OAAA,CAAAsC,GAAA;QAAA,OAChB;UACFE,YAAA,EAAAD;QACF;MAEA;IAAM;EAEF;EACA7B,eAAO;IAAAF,QACL,EAAAG,OAAA,CAAAC,GAAA,CAAcC,gBAAA;EAAA;AAChB;EACFC,MACF;IACFC,WAAA;EAAA;AAEiB;AAC4B,SAE/CE,aAAA,EACAb,sBAAA","ignoreList":[]}

package/dist/esm/CheckboxStyledContext.mjs

@@ -3,8 +3,8 @@ const CheckboxStyledContext = createStyledContext({
   size: "$true",
   scaleIcon: 1,
   unstyled: process.env.TAMAGUI_HEADLESS === "1",
-  active: !1,
-  disabled: !1
+  active: false,
+  disabled: false
 });
 export { CheckboxStyledContext };
 //# sourceMappingURL=CheckboxStyledContext.mjs.map

package/dist/esm/CheckboxStyledContext.native.js

@@ -3,8 +3,8 @@ var CheckboxStyledContext = createStyledContext({
   size: "$true",
   scaleIcon: 1,
   unstyled: process.env.TAMAGUI_HEADLESS === "1",
-  active: !1,
-  disabled: !1
+  active: false,
+  disabled: false
 });
 export { CheckboxStyledContext };
 //# sourceMappingURL=CheckboxStyledContext.native.js.map

package/dist/esm/createCheckbox.mjs

@@ -1,5 +1,6 @@
 import { isIndeterminate, useCheckbox } from "@tamagui/checkbox-headless";
 import { getVariableValue, isWeb, shouldRenderNativePlatform, useProps, useTheme, withStaticProperties } from "@tamagui/core";
+import { registerFocusable } from "@tamagui/focusable";
 import { getFontSize } from "@tamagui/font-size";
 import { getSize } from "@tamagui/get-token";
 import { useGetThemedIcon } from "@tamagui/helpers-tamagui";
@@ -9,139 +10,143 @@ import { CheckboxFrame, CheckboxIndicatorFrame } from "./Checkbox.mjs";
 import { CheckboxStyledContext } from "./CheckboxStyledContext.mjs";
 import { jsx, jsxs } from "react/jsx-runtime";
 const CheckboxContext = React.createContext({
-    checked: !1,
-    disabled: !1
-  }),
-  ensureContext = x => {
-    x.context || (x.context = CheckboxContext);
-  };
+  checked: false,
+  disabled: false
+});
+const ensureContext = x => {
+  if (!x.context) x.context = CheckboxContext;
+};
 function createCheckbox(createProps) {
   const {
     Frame = CheckboxFrame,
     Indicator = CheckboxIndicatorFrame
   } = createProps;
-  ensureContext(Frame), ensureContext(Indicator);
-  const FrameComponent = Frame.styleable(function (_props, forwardedRef) {
-      const {
-          scaleSize = 0.45,
-          sizeAdjust = 0,
-          scaleIcon,
-          checked: checkedProp,
-          defaultChecked,
-          onCheckedChange,
-          native,
-          unstyled = !1,
-          activeStyle,
-          activeTheme,
-          ...props
-        } = _props,
-        propsActive = useProps(props),
-        styledContext = React.useContext(CheckboxStyledContext.context);
-      let adjustedSize = 0,
-        size = 0;
-      unstyled || (adjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? "$true", {
+  ensureContext(Frame);
+  ensureContext(Indicator);
+  return withStaticProperties(Frame.styleable(function Checkbox(_props, forwardedRef) {
+    const {
+      scaleSize = .45,
+      sizeAdjust = 0,
+      scaleIcon,
+      checked: checkedProp,
+      defaultChecked,
+      onCheckedChange,
+      native,
+      unstyled = false,
+      activeStyle,
+      activeTheme,
+      ...props
+    } = _props;
+    const propsActive = useProps(props);
+    const styledContext = React.useContext(CheckboxStyledContext.context);
+    let adjustedSize = 0;
+    let size = 0;
+    if (!unstyled) {
+      adjustedSize = getVariableValue(getSize(propsActive.size ?? styledContext?.size ?? "$true", {
         shift: sizeAdjust
-      })), size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize);
-      const [checked = !1, setChecked] = useControllableState({
-          prop: checkedProp,
-          defaultProp: defaultChecked,
-          onChange: onCheckedChange
-        }),
-        {
-          checkboxProps,
-          checkboxRef,
-          bubbleInput
-        } = useCheckbox(
-        // @ts-ignore
-        propsActive, [checked, setChecked], forwardedRef);
-      if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
-        type: "checkbox",
-        defaultChecked: isIndeterminate(checked) ? !1 : checked,
-        tabIndex: -1,
-        ref: checkboxRef,
-        disabled: checkboxProps.disabled,
-        style: {
-          appearance: "auto",
-          accentColor: "var(--color6)",
-          ...checkboxProps.style
-        }
-      });
-      const memoizedContext = useMemo(() => ({
-          checked,
-          disabled: checkboxProps.disabled
-        }), [checked, checkboxProps.disabled]),
-        isActive = !!checked,
-        disabled = checkboxProps.disabled;
-      return /* @__PURE__ */jsx(CheckboxContext.Provider, {
-        value: memoizedContext,
-        children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
-          size: propsActive.size ?? styledContext?.size ?? "$true",
-          scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
+      }));
+      size = scaleSize ? Math.round(adjustedSize * scaleSize) : adjustedSize;
+    }
+    const [checked = false, setChecked] = useControllableState({
+      prop: checkedProp,
+      defaultProp: defaultChecked,
+      onChange: onCheckedChange
+    });
+    const {
+      checkboxProps,
+      checkboxRef,
+      bubbleInput
+    } = useCheckbox(
+    // @ts-ignore
+    propsActive, [checked, setChecked], forwardedRef);
+    if (shouldRenderNativePlatform(native) === "web") return /* @__PURE__ */jsx("input", {
+      type: "checkbox",
+      defaultChecked: isIndeterminate(checked) ? false : checked,
+      tabIndex: -1,
+      ref: checkboxRef,
+      disabled: checkboxProps.disabled,
+      style: {
+        appearance: "auto",
+        accentColor: "var(--color6)",
+        ...checkboxProps.style
+      }
+    });
+    const memoizedContext = useMemo(() => ({
+      checked,
+      disabled: checkboxProps.disabled
+    }), [checked, checkboxProps.disabled]);
+    const isActive = !!checked;
+    const disabled = checkboxProps.disabled;
+    return /* @__PURE__ */jsx(CheckboxContext.Provider, {
+      value: memoizedContext,
+      children: /* @__PURE__ */jsxs(CheckboxStyledContext.Provider, {
+        size: propsActive.size ?? styledContext?.size ?? "$true",
+        scaleIcon: scaleIcon ?? styledContext?.scaleIcon ?? 1,
+        unstyled,
+        active: isActive,
+        disabled,
+        children: [/* @__PURE__ */jsx(Frame, {
+          render: "button",
+          ref: checkboxRef,
           unstyled,
-          active: isActive,
+          theme: activeTheme ?? null,
+          ...(isWeb && {
+            type: "button"
+          }),
+          ...(!unstyled && {
+            width: size,
+            height: size,
+            size
+          }),
+          checked,
           disabled,
-          children: [/* @__PURE__ */jsx(Frame, {
-            render: "button",
-            ref: checkboxRef,
-            unstyled,
-            theme: activeTheme ?? null,
-            ...(isWeb && {
-              type: "button"
+          ...checkboxProps,
+          ...props,
+          ...(isActive && {
+            ...(!unstyled && !activeStyle && {
+              backgroundColor: "$backgroundActive"
             }),
-            ...(!unstyled && {
-              width: size,
-              height: size,
-              size
-            }),
-            checked,
-            disabled,
-            ...checkboxProps,
-            ...props,
-            ...(isActive && {
-              ...(!unstyled && !activeStyle && {
-                backgroundColor: "$backgroundActive"
-              }),
-              ...activeStyle
-            }),
-            children: propsActive.children
-          }), bubbleInput]
-        })
-      });
-    }),
-    IndicatorComponent = Indicator.styleable((props, forwardedRef) => {
+            ...activeStyle
+          }),
+          children: propsActive.children
+        }), bubbleInput]
+      })
+    });
+  }), {
+    Indicator: Indicator.styleable((props, forwardedRef) => {
       const {
-          children: childrenProp,
-          forceMount,
-          disablePassStyles,
-          unstyled = !1,
-          activeStyle,
-          ...indicatorProps
-        } = props,
-        styledContext = CheckboxStyledContext.useStyledContext(),
-        {
-          active
-        } = styledContext;
+        children: childrenProp,
+        forceMount,
+        disablePassStyles,
+        unstyled = false,
+        activeStyle,
+        ...indicatorProps
+      } = props;
+      const styledContext = CheckboxStyledContext.useStyledContext();
+      const {
+        active
+      } = styledContext;
       let children = childrenProp;
       if (!unstyled) {
-        const iconSize = (typeof styledContext.size == "number" ? styledContext.size * 0.65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
-          theme = useTheme(),
-          getThemedIcon = useGetThemedIcon({
-            size: iconSize,
-            color: theme.color
-          });
-        children = React.Children.toArray(childrenProp).map(child => disablePassStyles || !React.isValidElement(child) ? child : getThemedIcon(child));
+        const getThemedIcon = useGetThemedIcon({
+          size: (typeof styledContext.size === "number" ? styledContext.size * .65 : getFontSize(styledContext.size)) * styledContext.scaleIcon,
+          color: useTheme().color
+        });
+        children = React.Children.toArray(childrenProp).map(child => {
+          if (disablePassStyles || !React.isValidElement(child)) return child;
+          return getThemedIcon(child);
+        });
       }
       const context = React.useContext(CheckboxContext);
-      return forceMount || isIndeterminate(context.checked) || context.checked === !0 ? /* @__PURE__ */jsx(Indicator, {
+      if (forceMount || isIndeterminate(context.checked) || context.checked === true) return /* @__PURE__ */jsx(Indicator, {
         pointerEvents: "none",
         ...indicatorProps,
         ...(active && activeStyle),
         ref: forwardedRef,
         children
-      }) : null;
-    });
-  return withStaticProperties(FrameComponent, {
-    Indicator: IndicatorComponent
+      });
+      return null;
+    })
   });
 }
 export { CheckboxContext, createCheckbox };