@multiplatform.one/forms 6.0.0

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

@@ -0,0 +1,352 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CheckIcon as CheckRegular, MinusIcon as MinusRegular } from "@phosphor-icons/react";
+import { useMemo } from "react";
+import { Checkbox as TamaguiCheckbox, Label, View, XStack, getVariable, useTheme } from "tamagui";
+import { Skeleton } from "../../Skeleton/index.native.js";
+import { Field, FieldLayout } from "../../fieldLayout.native.js";
+import { formCommonColors, formControlColors } from "../../shared/colorRamps.native.js";
+import { clampRadiusForControl, clampRadiusInStateProps, getElevationWrapperProps, getFieldError, mergeFieldHandler, useFormField, useResolvedValidators } from "../../shared/utils.native.js";
+import { CheckboxFieldFrame } from "./CheckboxFieldFrame.native.js";
+function Checkbox(param) {
+  var {
+    name,
+    form: formProp,
+    validators,
+    label,
+    labelProps,
+    helperText,
+    error,
+    required,
+    disabled,
+    readOnly,
+    size,
+    id: idProp,
+    checked,
+    defaultValue,
+    onCheckedChange,
+    onBlur,
+    checkboxProps,
+    children,
+    pointy,
+    skeleton,
+    compact
+  } = param;
+  var _knobProps_textAccentColor, _ref;
+  var _tamaguiTheme_accentTokenKey, _tamaguiTheme_color;
+  var {
+    resolvedForm,
+    knobProps,
+    control,
+    text,
+    elevation,
+    id
+  } = useFormField({
+    form: formProp,
+    id: idProp,
+    compact
+  });
+  var resolvedValidators = useResolvedValidators(required, validators, label, name, function (v) {
+    return !v;
+  });
+  var resolvedPointy = pointy !== null && pointy !== void 0 ? pointy : knobProps.pointy;
+  var checkboxSizeMap = {
+    $2: "$3",
+    $3: "$3",
+    $4: "$true",
+    $5: "$5"
+  };
+  var resolvedSize = size || checkboxSizeMap[knobProps.sizeToken] || knobProps.sizeToken;
+  var radiusToken = knobProps.borderRadius.borderRadius;
+  var cappedRadius = resolvedPointy ? 0 : clampRadiusForControl(radiusToken, 2);
+  var resolvedRadius = cappedRadius === 0 ? {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: 0
+  } : {
+    borderWidth: knobProps.borderRadius.borderWidth,
+    borderRadius: cappedRadius
+  };
+  var inlineGapMap = {
+    none: "$1",
+    small: "$1.5",
+    medium: "$2",
+    large: "$2.5"
+  };
+  var inlineGap = inlineGapMap[knobProps.space] || "$2";
+  var baseLabelColor = error ? formCommonColors.error : knobProps.textAccentColor;
+  var labelHoverStyle = {
+    color: baseLabelColor,
+    ...text.hoverKnobProps
+  };
+  var labelPressStyle = {
+    color: baseLabelColor,
+    ...text.pressKnobProps
+  };
+  var labelFocusStyle = {
+    color: baseLabelColor,
+    ...text.focusKnobProps
+  };
+  var labelFocusVisibleStyle = {
+    color: baseLabelColor,
+    ...text.focusVisibleKnobProps
+  };
+  var tamaguiTheme = useTheme();
+  var elevationWrapperProps = useMemo(function () {
+    return getElevationWrapperProps(knobProps, elevation);
+  }, [knobProps, elevation]);
+  var accentTokenKey = ((_knobProps_textAccentColor = knobProps.textAccentColor) !== null && _knobProps_textAccentColor !== void 0 ? _knobProps_textAccentColor : "$color").replace("$", "");
+  var indicatorColor = getVariable((_ref = (_tamaguiTheme_accentTokenKey = tamaguiTheme[accentTokenKey]) === null || _tamaguiTheme_accentTokenKey === void 0 ? void 0 : _tamaguiTheme_accentTokenKey.get("web")) !== null && _ref !== void 0 ? _ref : (_tamaguiTheme_color = tamaguiTheme.color) === null || _tamaguiTheme_color === void 0 ? void 0 : _tamaguiTheme_color.get("web"));
+  var indicatorWeight = knobProps.textWeight.fontWeight === "700" ? "bold" : knobProps.textWeight.fontWeight === "400" ? "regular" : "light";
+  var renderIndicator = function renderIndicator2(currentChecked) {
+    if (children) return children;
+    return /* @__PURE__ */_jsx(TamaguiCheckbox.Indicator, {
+      ...(knobProps.transition ? {
+        animation: knobProps.transition
+      } : void 0),
+      children: currentChecked === "indeterminate" ? /* @__PURE__ */_jsx(MinusRegular, {
+        color: indicatorColor,
+        weight: indicatorWeight
+      }) : /* @__PURE__ */_jsx(CheckRegular, {
+        color: indicatorColor,
+        weight: indicatorWeight
+      })
+    });
+  };
+  if (skeleton) {
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      size,
+      knobProps,
+      compactSpacing: true,
+      children: /* @__PURE__ */_jsxs(XStack, {
+        gap: "$2",
+        alignItems: "center",
+        children: [/* @__PURE__ */_jsx(Skeleton, {
+          variant: "rounded",
+          width: 20,
+          height: 20
+        }), label && /* @__PURE__ */_jsx(Skeleton, {
+          variant: "text",
+          width: "40%",
+          height: 14
+        })]
+      })
+    });
+  }
+  if (!resolvedForm || !name) {
+    var _resolvedRadius_borderRadius;
+    var isControlled = checked !== void 0;
+    var needsFieldLayout = !!(error || helperText);
+    var checkboxEl = /* @__PURE__ */_jsx(CheckboxFieldFrame, {
+      ...knobProps.inputSurface,
+      size: resolvedSize,
+      ...resolvedRadius,
+      outlined: knobProps.outlined,
+      transition: knobProps.transition,
+      ...(clampRadiusInStateProps(control.hoverKnobProps, 2) && {
+        hoverStyle: {
+          backgroundColor: formControlColors.background,
+          borderColor: formControlColors.border,
+          ...clampRadiusInStateProps(control.hoverKnobProps, 2)
+        }
+      }),
+      ...(clampRadiusInStateProps(control.pressKnobProps, 2) && {
+        pressStyle: {
+          backgroundColor: formControlColors.background,
+          borderColor: formControlColors.border,
+          ...clampRadiusInStateProps(control.pressKnobProps, 2)
+        }
+      }),
+      ...(clampRadiusInStateProps(control.focusKnobProps, 2) && {
+        focusStyle: {
+          backgroundColor: formControlColors.background,
+          borderColor: formControlColors.border,
+          ...clampRadiusInStateProps(control.focusKnobProps, 2)
+        }
+      }),
+      ...(clampRadiusInStateProps(control.focusVisibleKnobProps, 2) && {
+        focusVisibleStyle: {
+          backgroundColor: formControlColors.background,
+          borderColor: formControlColors.border,
+          ...clampRadiusInStateProps(control.focusVisibleKnobProps, 2)
+        }
+      }),
+      ...checkboxProps,
+      disabled,
+      id,
+      ...(isControlled ? {
+        checked
+      } : defaultValue !== void 0 ? {
+        defaultChecked: defaultValue
+      } : void 0),
+      ...(readOnly ? {
+        pointerEvents: "none"
+      } : void 0),
+      ...(readOnly ? {
+        "aria-readonly": true
+      } : void 0),
+      "aria-required": required || void 0,
+      "aria-invalid": !!error || void 0,
+      onCheckedChange: function onCheckedChange1(val) {
+        if (disabled || readOnly) return;
+        onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(val);
+      },
+      ...(onBlur ? {
+        onBlur
+      } : void 0),
+      children: renderIndicator(checked !== null && checked !== void 0 ? checked : defaultValue)
+    });
+    var checkboxControl = elevationWrapperProps.elevation ? /* @__PURE__ */_jsx(View, {
+      borderRadius: (_resolvedRadius_borderRadius = resolvedRadius.borderRadius) !== null && _resolvedRadius_borderRadius !== void 0 ? _resolvedRadius_borderRadius : knobProps.borderRadius.borderRadius,
+      ...elevationWrapperProps,
+      children: checkboxEl
+    }) : checkboxEl;
+    var hasElevation = !!elevationWrapperProps.elevation;
+    var checkboxRow = /* @__PURE__ */_jsxs(XStack, {
+      gap: inlineGap,
+      alignItems: "center",
+      ...(hasElevation && {
+        overflow: "visible"
+      }),
+      children: [checkboxControl, label && /* @__PURE__ */_jsxs(Label, {
+        htmlFor: id,
+        size: size || "$true",
+        ...knobProps.textWeight,
+        color: baseLabelColor,
+        hoverStyle: labelHoverStyle,
+        pressStyle: labelPressStyle,
+        focusStyle: labelFocusStyle,
+        focusVisibleStyle: labelFocusVisibleStyle,
+        paddingRight: "$1",
+        ...labelProps,
+        children: [label, required && " *"]
+      })]
+    });
+    if (!needsFieldLayout) return checkboxRow;
+    return /* @__PURE__ */_jsx(FieldLayout, {
+      id,
+      error,
+      helperText,
+      size,
+      knobProps,
+      children: checkboxRow
+    });
+  }
+  return /* @__PURE__ */_jsx(Field, {
+    form: resolvedForm,
+    name,
+    defaultValue,
+    validators: resolvedValidators,
+    children: function children2(field) {
+      var resolvedError = getFieldError(field, error);
+      var resolvedChecked = checked !== void 0 ? checked : field.state.value;
+      var resolvedLabelColor = resolvedError ? formCommonColors.error : knobProps.textAccentColor;
+      var resolvedLabelHoverStyle = {
+        color: resolvedLabelColor,
+        ...text.hoverKnobProps
+      };
+      var resolvedLabelPressStyle = {
+        color: resolvedLabelColor,
+        ...text.pressKnobProps
+      };
+      var resolvedLabelFocusStyle = {
+        color: resolvedLabelColor,
+        ...text.focusKnobProps
+      };
+      var resolvedLabelFocusVisibleStyle = {
+        color: resolvedLabelColor,
+        ...text.focusVisibleKnobProps
+      };
+      return /* @__PURE__ */_jsx(FieldLayout, {
+        id,
+        error: resolvedError,
+        helperText,
+        size,
+        knobProps,
+        children: /* @__PURE__ */_jsxs(XStack, {
+          gap: inlineGap,
+          alignItems: "center",
+          ...(elevationWrapperProps.elevation && {
+            overflow: "visible"
+          }),
+          children: [function () {
+            var _resolvedRadius_borderRadius2;
+            var checkboxElement = /* @__PURE__ */_jsx(CheckboxFieldFrame, {
+              ...knobProps.inputSurface,
+              size: resolvedSize,
+              ...resolvedRadius,
+              outlined: knobProps.outlined,
+              transition: knobProps.transition,
+              ...(clampRadiusInStateProps(control.hoverKnobProps, 2) && {
+                hoverStyle: {
+                  backgroundColor: formControlColors.background,
+                  borderColor: formControlColors.border,
+                  ...clampRadiusInStateProps(control.hoverKnobProps, 2)
+                }
+              }),
+              ...(clampRadiusInStateProps(control.pressKnobProps, 2) && {
+                pressStyle: {
+                  backgroundColor: formControlColors.background,
+                  borderColor: formControlColors.border,
+                  ...clampRadiusInStateProps(control.pressKnobProps, 2)
+                }
+              }),
+              ...(clampRadiusInStateProps(control.focusKnobProps, 2) && {
+                focusStyle: {
+                  backgroundColor: formControlColors.background,
+                  borderColor: formControlColors.border,
+                  ...clampRadiusInStateProps(control.focusKnobProps, 2)
+                }
+              }),
+              ...(clampRadiusInStateProps(control.focusVisibleKnobProps, 2) && {
+                focusVisibleStyle: {
+                  backgroundColor: formControlColors.background,
+                  borderColor: formControlColors.border,
+                  ...clampRadiusInStateProps(control.focusVisibleKnobProps, 2)
+                }
+              }),
+              ...checkboxProps,
+              disabled,
+              id,
+              checked: resolvedChecked,
+              ...(readOnly ? {
+                pointerEvents: "none"
+              } : void 0),
+              ...(readOnly ? {
+                "aria-readonly": true
+              } : void 0),
+              "aria-required": required || void 0,
+              "aria-invalid": !!resolvedError || void 0,
+              onCheckedChange: function onCheckedChange1(newChecked) {
+                if (disabled || readOnly) return;
+                var fieldValue = newChecked === "indeterminate" ? false : newChecked === true;
+                field.handleChange(fieldValue);
+                onCheckedChange === null || onCheckedChange === void 0 ? void 0 : onCheckedChange(newChecked);
+              },
+              onBlur: mergeFieldHandler(field, "handleBlur", onBlur),
+              children: renderIndicator(resolvedChecked)
+            });
+            return elevationWrapperProps.elevation ? /* @__PURE__ */_jsx(View, {
+              borderRadius: (_resolvedRadius_borderRadius2 = resolvedRadius.borderRadius) !== null && _resolvedRadius_borderRadius2 !== void 0 ? _resolvedRadius_borderRadius2 : knobProps.borderRadius.borderRadius,
+              ...elevationWrapperProps,
+              children: checkboxElement
+            }) : checkboxElement;
+          }(), label && /* @__PURE__ */_jsxs(Label, {
+            htmlFor: id,
+            size: size || "$true",
+            ...knobProps.textWeight,
+            color: resolvedLabelColor,
+            hoverStyle: resolvedLabelHoverStyle,
+            pressStyle: resolvedLabelPressStyle,
+            focusStyle: resolvedLabelFocusStyle,
+            focusVisibleStyle: resolvedLabelFocusVisibleStyle,
+            paddingRight: "$1",
+            ...labelProps,
+            children: [label, required && " *"]
+          })]
+        })
+      });
+    }
+  });
+}
+export { Checkbox };
+//# sourceMappingURL=Checkbox.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","jsxs","_jsxs","CheckIcon","CheckRegular","MinusIcon","MinusRegular","useMemo","Checkbox","TamaguiCheckbox","Label","View","XStack","getVariable","useTheme","Skeleton","Field","FieldLayout","formCommonColors","formControlColors","clampRadiusForControl","clampRadiusInStateProps","getElevationWrapperProps","getFieldError","mergeFieldHandler","useFormField","useResolvedValidators","CheckboxFieldFrame","param","name","form","formProp","validators","label","labelProps","helperText","error","required","disabled","readOnly","size","id","idProp","checked","defaultValue","onCheckedChange","onBlur","checkboxProps","children","pointy","skeleton","compact","_knobProps_textAccentColor","_ref","_tamaguiTheme_accentTokenKey","_tamaguiTheme_color","resolvedForm","knobProps","control","text","elevation","resolvedValidators","v","resolvedPointy","checkboxSizeMap","$2","$3","$4","$5","resolvedSize","sizeToken","radiusToken","borderRadius","cappedRadius","resolvedRadius","borderWidth","inlineGapMap","none","small","medium","large","inlineGap","space","baseLabelColor","textAccentColor","labelHoverStyle","color","hoverKnobProps","labelPressStyle","pressKnobProps","labelFocusStyle","focusKnobProps","labelFocusVisibleStyle","focusVisibleKnobProps","tamaguiTheme","elevationWrapperProps","accentTokenKey","replace","indicatorColor","get","indicatorWeight","textWeight","fontWeight","renderIndicator","renderIndicator2","currentChecked","Indicator","transition","animation","weight","compactSpacing","gap","alignItems","variant","width","height","_resolvedRadius_borderRadius","isControlled","needsFieldLayout","checkboxEl","inputSurface","outlined","hoverStyle","backgroundColor","background","borderColor","border","pressStyle","focusStyle","focusVisibleStyle","defaultChecked","pointerEvents","onCheckedChange1","val","checkboxControl","hasElevation","checkboxRow","overflow","htmlFor","paddingRight","children2","field","resolvedError","resolvedChecked","state","value","resolvedLabelColor","resolvedLabelHoverStyle","resolvedLabelPressStyle","resolvedLabelFocusStyle","resolvedLabelFocusVisibleStyle","_resolvedRadius_borderRadius2","checkboxElement","newChecked","fieldValue","handleChange"],"sources":["../../../../src/fields/Checkbox/Checkbox.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,EAAaC,IAAA,IAAAC,KAAA,QAAc,mBAAa;AAIjD,SAASC,SAAA,IAAAC,YAAe,EAAAC,SAAA,IAAAC,YAAA;AAQxB,SAASC,OAAA,QAAY;AACrB,SAASC,QAAA,IAAAC,eAAgB,EAAAC,KAAA,EAAAC,IAAA,EAAAC,MAAA,EAAAC,WAAA,EAAAC,QAAA;AACzB,SAASC,QAAO,wCAAmB;AACnC,SAASC,KAAA,EAAAC,WAAkB,qCAAyB;AACpD,SAAAC,gBAAA,EAAAC,iBAAA;AAAA,SACEC,qBAAA,EAAAC,uBAAA,EAAAC,wBAAA,EAAAC,aAAA,EAAAC,iBAAA,EAAAC,YAAA,EAAAC,qBAAA;AAAA,SACAC,kBAAA;AAAA,SACAnB,SAAAoB,KAAA;EACA;IAAAC,IAAA;IAAAC,IAAA,EAAAC,QAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,UAAA;IAAAC,UAAA;IAAAC,KAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,QAAA;IAAAC,IAAA;IAAAC,EAAA,EAAAC,MAAA;IAAAC,OAAA;IAAAC,YAAA;IAAAC,eAAA;IAAAC,MAAA;IAAAC,aAAA;IAAAC,QAAA;IAAAC,MAAA;IAAAC,QAAA;IAAAC;EAAA,IAAAvB,KAAA;EACA,IAAAwB,0BAAA,EAAAC,IAAA;EACA,IAAAC,4BAAA,EAAAC,mBAAA;EACA;IAAAC,YAAA;IAAAC,SAAA;IAAAC,OAAA;IAAAC,IAAA;IAAAC,SAAA;IAAAnB;EAAA,IAAAhB,YAAA;IAAAK,IACK,EAAAC,QAAA;IACPU,EAAA,EAAAC,MAAS;IA6GCS;EAhFH;EACL,IAAAU,kBAAA,GAAAnC,qBAAA,CAAAW,QAAA,EAAAL,UAAA,EAAAC,KAAA,EAAAJ,IAAA,YAAAiC,CAAA;IACA,OAAM,CAAAA,CAAA;EACN;EACA,IAAAC,cAAA,GAAAd,MAAA,aAAAA,MAAA,cAAAA,MAAA,GAAAQ,SAAA,CAAAR,MAAA;EACA,IAAAe,eAAA;IACAC,EAAA;IACAC,EAAA;IACAC,EAAA;IACAC,EAAA;EACA;EACA,IAAAC,YAAA,GAAA7B,IAAA,IAAAwB,eAAA,CAAAP,SAAA,CAAAa,SAAA,KAAAb,SAAA,CAAAa,SAAA;EACA,IAAIC,WAAA,GAAAd,SAAA,CAAAe,YAAA,CAAAA,YAAA;EACJ,IAAAC,YAAA,GAAAV,cAAA,OAAA3C,qBAAA,CAAAmD,WAAA;EACA,IAAAG,cAAA,GAAAD,YAAA;IACAE,WAAA,EAAAlB,SAAA,CAAAe,YAAA,CAAAG,WAAA;IACAH,YAAA;EACA;IACAG,WAAA,EAAAlB,SAAA,CAAAe,YAAA,CAAAG,WAAA;IACAH,YAAA,EAAAC;EACA;EACA,IAAAG,YAAA;IACgBC,IAAA;IAChBC,KAAM,EAAE;IACNC,MAAM;IACNC,KAAI;EAAA;EAEN,IAACC,SAAA,GAAAL,YAAA,CAAAnB,SAAA,CAAAyB,KAAA;EACD,IAAAC,cAAM,GAAA/C,KAAA,GAAqBlB,gBAAA,CAAAkB,KAAsB,GAAAqB,SAAU,CAAA2B,eAAmB;EAC9E,IAAAC,eAAM;IAENC,KAAM,EAAAH,cAAA;IACJ,GAAAxB,IAAI,CAAA4B;EAAA;EACA,IACJC,eAAI;IACJF,KAAI,EAAAH,cAAA;IACN,GAAAxB,IAAA,CAAA8B;EACA;EAEA,IAAAC,eAAM,GAAc;IACpBJ,KAAM,EAAAH,cAAe;IACrB,GAAAxB,IAAM,CAAAgC;EAIN;EAA6C,IAC3CC,sBAAM;IACNN,KAAA,EAAOH,cAAA;IACP,GAAAxB,IAAA,CAAQkC;EAAA;EAEV,IAAAC,YAAA,GAAAhF,QAAA;EACA,IAAAiF,qBAAkB,GAAAxF,OAAa,aAAe;IAC9C,OAAMe,wBAAyB,CAAAmC,SAAA,EAAAG,SAAiB;EAChD,IACAH,SAAM,EACNG,SAAM,CACN;EACA,IAAAoC,cAAM,GAAe,EAAA5C,0BAAS,GAAAK,SAAA,CAAA2B,eAAA,cAAAhC,0BAAA,cAAAA,0BAAA,aAAA6C,OAAA;EAC9B,IAAAC,cAAM,GAAArF,WAAwB,EAAAwC,IAAA,IAAAC,4BAAA,GAAAwC,YAAA,CAAAE,cAAA,eAAA1C,4BAAA,uBAAAA,4BAAA,CAAA6C,GAAA,qBAAA9C,IAAA,cAAAA,IAAA,IAAAE,mBAAA,GAAAuC,YAAA,CAAAR,KAAA,cAAA/B,mBAAA,uBAAAA,mBAAA,CAAA4C,GAAA;EAAA,IAC5BC,eAAM,GAAA3C,SAAA,CAAA4C,UAAyB,CAAAC,UAAoB,sBAAA7C,SAAA,CAAA4C,UAAA,CAAAC,UAAA;EAAA,IAClDC,eAAW,YAASC,iBAAAC,cAAA;IACvB,IAAAzD,QAAA,SAAAA,QAAA;IACA,OAAM,eAAkBhD,IAAA,CAAAS,eAAU,CAAAiG,SAAmB;MACrD,IAAMjD,SAAA,CAAAkD,UAAiB;QACrBC,SAAa,EAAAnD,SAAA,CAAAkD;MACf;MACA3D,QAAM,EAAAyD,cACJ,oBAAqB,kBAAezG,IAChC,CAAAM,YACA;QAIAgF,KAAA,EAAAY,cAAmB;QACnBW,MAAA,EAAAT;MACJ,KACE,eAAApG,IAAA,CAAAI,YAAA;QAACkF,KAAA,EAAAY,cAAgB;QAAhBW,MAAA,EAAAT;MAAA;IACmE;EAKF;EAAA,IAElElD,QAAA;IAEJ,sBAAAlD,IAAA,CAAAiB,WAAA;MAEIwB,EAAA;MACFD,IAAA;MAGMiB,SAAA;MACCqD,cAAS;MAAiD9D,QAE/D,iBAAA9C,KAAA,CAAAU,MAAA;QAEJmG,GAAA;QAEKC,UAAA,UAAiB;QACpBhE,QAAM,GACA,eAAAhD,IAAoB,CAAAe,QAAE,EAAS;UAE/BkG,OAAA,WACJ;UAACC,KAAA;UAAAC,MAAA;QACE,CAAG,GACJlF,KAAM,mBAAAjC,IAAA,CAAAe,QAAA;UACFkG,OAAA;UACJC,KAAA,EAAU;UACVC,MAAA,EAAY;QACX,CAAI;MACS;IACyB;EACJ;EACqB,KAAA3D,YACtD,KAAA3B,IAAA;IAAA,IACFuF,4BAAA;IAAA,IACCC,YAAI,GAAA1E,OAAA,KAAwB;IAA8B,IAAA2E,gBAC7C,MAAAlF,KAAA,IAAAD,UAAA;IAAA,IAAAoF,UACV,kBAAiBvH,IAAA,CAAA2B,kBAAkB;MAAA,GAAA8B,SACnC,CAAA+D,YAAa;MAAkBhF,IAAA,EAC/B6B,YAAG;MAAiD,GAAAK,cACtD;MAAA+C,QACF,EAAAhE,SAAA,CAAAgE,QAAA;MAAAd,UACK,EAAAlD,SAAA,CAAAkD,UAAwB;MAA8B,IAAAtF,uBAC7C,CAAAqC,OAAA,CAAA6B,cAAA;QAAAmC,UACV;UAAmCC,eACtB,EAAAxG,iBAAkB,CAAAyG,UAAA;UAAAC,WAC5B,EAAA1G,iBAAwB,CAAA2G,MAAQ;UACrC,GAAAzG,uBAAA,CAAAqC,OAAA,CAAA6B,cAAA;QACF;MAAA;MACkE,IAAAlE,uBAC7C,CAAAqC,OAAA,CAAA+B,cAAA;QAAAsC,UACjB;UAAmCJ,eACtB,EAAAxG,iBAAkB,CAAAyG,UAAA;UAAAC,WAC5B,EAAA1G,iBAAwB,CAAA2G,MAAQ;UACrC,GAAAzG,uBAAA,CAAAqC,OAAA,CAAA+B,cAAA;QACF;MAAA;MACI,IACJpE,uBAAA,CAAAqC,OAAA,CAAAiC,cAAA;QACAqC,UAAA;UACCL,eAAI,EACDxG,iBACA,CAAAyG,UAAA;UAGHC,WAAI,EAAW1G,iBAAiB,CAAA2G,MAAgB;UAChD,GAAIzG,uBAAa,CAAAqC,OAAiB,CAAAiC,cAAS;QAC5C;MAA2B;MACF,IACzBtE,uBAAkB,CAAAqC,OAAQ,CAAAmC,qBAAA;QACxBoC,iBAAI,EAAY;UAChBN,eAAA,EAAAxG,iBAAqB,CAAAyG,UAAA;UACvBC,WAAA,EAAA1G,iBAAA,CAAA2G,MAAA;UACC,GAAIzG,uBAAsB,CAAAqC,OAAA,CAAAmC,qBAAA;QAE1B;MAAqE;MACxE,GAAA9C,aAAA;MAEFT,QAAM;MACHG,EAAA;MAAA,IAAA4E,YAAA;QACC1E;MAAoE,IACnEC,YAAG;QAEHsF,cAAA,EAAAtF;MAAA;MACH,IAEAL,QAAA;QAGF4F,aAAM;MACN,IAAM;MACH,IAAA5F,QAAA;QAAA;MAAA,IACC,KAAK;MAAA,eACM,EAAAF,QAAA;MAAA,cACN,IAAAD,KAAkB,UAAU;MAAmBS,eAEnD,WAAAuF,iBAAAC,GAAA;QAAA,IAAA/F,QAAA,IAAAC,QAAA;QAAAM,eAEC,aAAAA,eAAA,uBAAAA,eAAA,CAAAwF,GAAA;MAAA;MAAC,IAAAvF,MAAA;QAAAA;MACU,SACT;MAAeE,QACd,EAAAuD,eAAa,CAAA5D,OAAA,aAAAA,OAAA,cAAAA,OAAA,GAAAC,YAAA;IAAA;IACP,IAAA0F,eACP,GAAYvC,qBAAA,CAAAnC,SAAA,kBAAA5D,IAAA,CAAAW,IAAA;MAAA6D,YACZ,GAAA4C,4BAAY,GAAA1C,cAAA,CAAAF,YAAA,cAAA4C,4BAAA,cAAAA,4BAAA,GAAA3D,SAAA,CAAAe,YAAA,CAAAA,YAAA;MAAA,GAAAuB,qBACA;MAAA/C,QACZ,EAAAuE;IAAmB,KAAAA,UACnB;IAAa,IAAAgB,YACT,KAAAxC,qBAAA,CAAAnC,SAAA;IAAA,IAAA4E,WAEH,kBAAAtI,KAAA,CAAAU,MAAA;MAAAmG,GAAA,EAAA9B,SAAA;MAAA+B,UACA;MAAY,IAAAuB,YAAA;QAAAE,QAAA;MAAA;MACfzF,QAAA,GAAAsF,eAAA,EAEJrG,KAAA,mBAAA/B,KAAA,CAAAQ,KAAA;QAGGgI,OAAA,EAAAjG,EAAA;QAELD,IACE,EAAAA,IAAA,WAAC;QAIL,GAAAiB,SAAA,CAAA4C,UAAA;QAGEf,KAAA,EAAAH,cAAA;QAACuC,UAAA,EAAArC,eAAA;QAAA0C,UAAA,EAAAvC,eAAA;QACCwC,UAAM,EAAAtC,eAAA;QACNuC,iBAAA,EAAArC,sBAAA;QACA+C,YAAA;QACA,GAAAzG,UAAY;QAEXc,QAAC,GACAf,KAAM,EACNI,QAAM;MAKN;IACS;IACC,IACV,CAAAiF,gBAAA,SAAAkB,WAAA;IACA,sBAAMxI,IAAA,CAAAiB,WAA0B;MAAAwB,EAAA;MACvBL,KACP;MAAQD,UACV;MACAK,IAAA;MAAgCiB,SAC9B;MAAOT,QACJ,EAAAwF;IAAK;EAEV;EAAuC,sBAC9BxI,IAAA,CAAAgB,KAAA;IAAAc,IAAA,EACP0B,YAAQ;IAAA3B,IACV;IAEAe,YACE;IAAAZ,UAAC,EAAA6B,kBAAA;IAAAb,QAAA,WAAA4F,UAAAC,KAAA;MAAA,IAAAC,aACC,GAAAvH,aAAA,CAAAsH,KAAA,EAAAzG,KAAA;MAAA,IAAA2G,eACO,GAAApG,OAAA,cAAAA,OAAA,GAAAkG,KAAA,CAAAG,KAAA,CAAAC,KAAA;MAAA,IAAAC,kBACP,GAAAJ,aAAA,GAAA5H,gBAAA,CAAAkB,KAAA,GAAAqB,SAAA,CAAA2B,eAAA;MAAA,IAAA+D,uBACA;QAAA7D,KACA,EAAA4D,kBAAA;QAAA,GAAAvF,IAEA,CAAA4B;MAAA;MAAC,IAAA6D,uBAAA;QAAA9D,KAAA,EAAA4D,kBACM;QAAA,GAAAvF,IAAA,CACL8B;MAAW;MAC4D,IAAA4D,uBAErE;QAAA/D,KAAA,EAAA4D,kBAAM;QACN,GAAAvF,IAAA,CAAAgC;MACE;MAAC,IAAA2D,8BAAA;QAAAhE,KAAA,EAAA4D,kBACK;QAAU,GAAAvF,IAAA,CAAAkC;MACR;MACF,sBACJ7F,IAAA,CAAUiB,WAAU;QAAAwB,EAAA;QACEL,KAAA,EAAA0G,aACjB;QAAsD3G,UAAA;QAC7CK,IAAA;QACyBiB,SAAA;QACJT,QAAA,iBAC5B9C,KAAA,CAAAU,MAAA;UAAiDmG,GAAA,EAAA9B,SAAA;UACtD+B,UAAA,UACF;UAAA,IAAAjB,qBACK,CAAAnC,SAAA;YAAsD6E,QAAA;UAC7C;UACyBzF,QAAA,GACJ;YACqB,IAAAuG,6BACtD;YAAA,IAAAC,eACF,kBAAAxJ,IAAA,CAAA2B,kBAAA;cAAA,GAAA8B,SACK,CAAA+D,YAAA;cAAsDhF,IAAA,EAAA6B,YACzD;cAAY,GAAAK,cACV;cAAmC+C,QAAA,EAAAhE,SACnC,CAAAgE,QAAa;cAAkBd,UAAA,EAC/BlD,SAAG,CAAAkD,UAAA;cAAiD,IAAAtF,uBACtD,CAAAqC,OAAA,CAAA6B,cAAA;gBAAAmC,UACF;kBAAAC,eACK,EAAAxG,iBAAwB,CAAAyG,UAAQ;kBAA6BC,WAChE,EAAA1G,iBAAmB,CAAA2G,MAAA;kBAAA,GAAAzG,uBACA,CAAAqC,OAAA,CAAA6B,cAAkB;gBAAA;cACJ;cAC4B,IAAAlE,uBAC7D,CAAAqC,OAAA,CAAA+B,cAAA;gBAAAsC,UACF;kBAAAJ,eACI,EAAAxG,iBAAA,CAAAyG,UAAA;kBAAAC,WACJ,EAAA1G,iBAAA,CAAA2G,MAAA;kBAAA,GAAAzG,uBACA,CAAAqC,OAAA,CAAA+B,cAAA;gBAAA;cACS;cAC4C,IAAApE,uBACnC,CAAAqC,OAAA,CAAAiC,cAAsB,EAAI;gBAAAqC,UAC5C;kBAA2BL,eAC3B,EAAAxG,iBAAgB,CAAAyG,UAAiB;kBAAAC,WACjC,EAAA1G,iBAAkB,CAAA2G,MAAe;kBAC/B,GAAAzG,uBAAgB,CAAAqC,OAAU,CAAAiC,cAAA;gBAC1B;cAEA;cACA,IAAAtE,uBAAA,CAAAqC,OAAkB,CAAAmC,qBAAU;gBAAAoC,iBAC9B;kBAAAN,eACQ,EAAAxG,iBAAkB,CAAAyG,UAAO;kBAAoBC,WAEpD,EAAA1G,iBAAgB,CAAA2G,MAAA;kBAAe,GAAAzG,uBAAA,CAAAqC,OAAA,CAAAmC,qBAAA;gBAAA;cAGpC;cACE,GAAA9C,aAAC;cAAAT,QAAA;cAAAG,EAAA;cAEyDE,OAAA,EAEvDoG,eAAG;cAAA,IAAAxG,QAEH;gBAAA4F,aAAA;cAAA,IACH,KAEA;cAAA,IAEJ5F,QAAG;gBACF,eACC;cAAA,IAAC;cAAA,iBAAAF,QAAA;cAAA,cACC,EAAS,EAAAyG,aAAA;cAAAjG,eACF,WAAQuF,iBAAAqB,UAAA;gBAAA,IACdnH,QAAG,IAAAC,QAAU;gBAAA,IACdmH,UAAO,GAAAD,UAAA,+BAAAA,UAAA;gBAAAZ,KACP,CAAAc,YAAY,CAAAD,UAAA;gBAAA7G,eACZ,KAAY,QAAAA,eAAA,uBAAAA,eAAA,CAAA4G,UAAA;cAAA;cACA3G,MACZ,EAAAtB,iBAAmB,CAAAqH,KAAA,gBAAA/F,MAAA;cAAAE,QACnB,EAAAuD,eAAa,CAAAwC,eAAA;YAAA;YACT,OAAAhD,qBAEH,CAAAnC,SAAA,kBAAA5D,IAAA,CAAAW,IAAA;cAAA6D,YAAA,GAAA+E,6BAAA,GAAA7E,cAAA,CAAAF,YAAA,cAAA+E,6BAAA,cAAAA,6BAAA,GAAA9F,SAAA,CAAAe,YAAA,CAAAA,YAAA;cAAA,GAAAuB,qBACY;cAAA/C,QAAA,EAAAwG;YAAA,KAAAA,eAAA;UAAA,KACfvH,KAAA,mBAAA/B,KAAA,CAAAQ,KAAA;YAAAgI,OAAA,EAAAjG,EAAA;YAEJD,IAAA,EAAAA,IAAA;YAAA,GAAAiB,SAAA,CAAA4C,UAAA;YACFf,KAAA,EAAA4D,kBAAA;YAEJxB,UAAA,EAAAyB,uBAAA;YAAApB,UAAA,EAAAqB,uBAAA;YACFpB,UAAA,EAAAqB,uBAAA;YAEJpB,iBAAA,EAAAqB,8BAAA","ignoreList":[]}

package/dist/esm/fields/Checkbox/Checkbox.spec.mjs

@@ -0,0 +1,140 @@
+import { fireEvent } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.mjs";
+import { Checkbox } from "./Checkbox.mjs";
+import { CheckboxGroup } from "./CheckboxGroup.mjs";
+import { jsx } from "react/jsx-runtime";
+describe("Checkbox", () => {
+  describe("without form context", () => {
+    it("renders with label", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Checkbox, {
+        label: "Accept terms",
+        name: "terms"
+      }));
+      expect(result.findTextElement("Accept terms")).toBeDefined();
+    });
+    it("renders required label with asterisk", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Checkbox, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      const label = result.container.querySelector("label");
+      expect(label?.textContent).toContain("*");
+    });
+    it("renders disabled state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Checkbox, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      const checkbox = result.getCheckbox();
+      expect(checkbox?.getAttribute("aria-disabled")).toBe("true");
+    });
+    it("renders checked state", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Checkbox, {
+        label: "Checked",
+        name: "c",
+        checked: true
+      }));
+      const checkbox = result.getCheckbox();
+      expect(checkbox?.getAttribute("aria-checked")).toBe("true");
+    });
+    it("renders skeleton placeholder", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Checkbox, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      expect(result.container.querySelector("[role='checkbox']")).toBeNull();
+    });
+    it("calls onCheckedChange when clicked", () => {
+      const onCheckedChange = vi.fn();
+      const result = renderWithProviders(/* @__PURE__ */jsx(Checkbox, {
+        name: "cb",
+        defaultValue: false,
+        onCheckedChange
+      }));
+      const checkbox = result.getCheckbox();
+      if (checkbox) fireEvent.click(checkbox);
+      expect(onCheckedChange).toHaveBeenCalledWith(true);
+    });
+  });
+  describe("with form context", () => {
+    it("renders inside form", () => {
+      const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            agree: false
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */jsx(Checkbox, {
+          name: "agree",
+          label: "I agree"
+        })
+      }));
+      expect(result.findTextElement("I agree")).toBeDefined();
+    });
+  });
+});
+describe("CheckboxGroup", () => {
+  const options = [{
+    label: "Option A",
+    value: "a"
+  }, {
+    label: "Option B",
+    value: "b"
+  }, {
+    label: "Option C",
+    value: "c"
+  }];
+  it("renders all options", () => {
+    const result = renderWithProviders(/* @__PURE__ */jsx(CheckboxGroup, {
+      label: "Pick options",
+      name: "opts",
+      options
+    }));
+    expect(result.findTextElement("Option A")).toBeDefined();
+    expect(result.findTextElement("Option B")).toBeDefined();
+    expect(result.findTextElement("Option C")).toBeDefined();
+  });
+  it("renders required label with asterisk", () => {
+    const result = renderWithProviders(/* @__PURE__ */jsx(CheckboxGroup, {
+      label: "Required",
+      name: "req",
+      options,
+      required: true
+    }));
+    const label = result.container.querySelector("label");
+    expect(label?.textContent).toContain("*");
+  });
+  it("renders skeleton placeholder", () => {
+    const result = renderWithProviders(/* @__PURE__ */jsx(CheckboxGroup, {
+      label: "Loading",
+      name: "l",
+      options,
+      skeleton: true
+    }));
+    const checkboxes = result.container.querySelectorAll("[role='checkbox']");
+    expect(checkboxes.length).toBe(0);
+  });
+  it("renders with form context", () => {
+    const result = renderWithProviders(/* @__PURE__ */jsx(Form, {
+      formOptions: {
+        defaultValues: {
+          opts: []
+        }
+      },
+      submitText: "Submit",
+      children: /* @__PURE__ */jsx(CheckboxGroup, {
+        name: "opts",
+        label: "Options",
+        options
+      })
+    }));
+    expect(result.findTextElement("Option A")).toBeDefined();
+  });
+});
+//# sourceMappingURL=Checkbox.spec.mjs.map

package/dist/esm/fields/Checkbox/Checkbox.spec.mjs.map

@@ -0,0 +1 @@
+{"version":3,"names":["fireEvent","describe","expect","it","vi","renderWithProviders","Form","Checkbox","CheckboxGroup","jsx","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","disabled","checkbox","getCheckbox","getAttribute","toBe","checked","skeleton","toBeNull","onCheckedChange","fn","defaultValue","click","toHaveBeenCalledWith","formOptions","defaultValues","agree","submitText","children","options","value","checkboxes","querySelectorAll","length","opts"],"sources":["../../../../src/fields/Checkbox/Checkbox.spec.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/esm/fields/Checkbox/Checkbox.spec.native.js

@@ -0,0 +1,140 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { fireEvent } from "@testing-library/react";
+import { describe, expect, it, vi } from "vitest";
+import { renderWithProviders } from "@multiplatform.one/test-utils";
+import { Form } from "../../Form/index.native.js";
+import { Checkbox } from "./Checkbox.native.js";
+import { CheckboxGroup } from "./CheckboxGroup.native.js";
+describe("Checkbox", function () {
+  describe("without form context", function () {
+    it("renders with label", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Checkbox, {
+        label: "Accept terms",
+        name: "terms"
+      }));
+      expect(result.findTextElement("Accept terms")).toBeDefined();
+    });
+    it("renders required label with asterisk", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Checkbox, {
+        label: "Required",
+        name: "req",
+        required: true
+      }));
+      var label = result.container.querySelector("label");
+      expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+    });
+    it("renders disabled state", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Checkbox, {
+        label: "Disabled",
+        name: "d",
+        disabled: true
+      }));
+      var checkbox = result.getCheckbox();
+      expect(checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute("aria-disabled")).toBe("true");
+    });
+    it("renders checked state", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Checkbox, {
+        label: "Checked",
+        name: "c",
+        checked: true
+      }));
+      var checkbox = result.getCheckbox();
+      expect(checkbox === null || checkbox === void 0 ? void 0 : checkbox.getAttribute("aria-checked")).toBe("true");
+    });
+    it("renders skeleton placeholder", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Checkbox, {
+        label: "Loading",
+        name: "l",
+        skeleton: true
+      }));
+      expect(result.container.querySelector("[role='checkbox']")).toBeNull();
+    });
+    it("calls onCheckedChange when clicked", function () {
+      var onCheckedChange = vi.fn();
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Checkbox, {
+        name: "cb",
+        defaultValue: false,
+        onCheckedChange
+      }));
+      var checkbox = result.getCheckbox();
+      if (checkbox) fireEvent.click(checkbox);
+      expect(onCheckedChange).toHaveBeenCalledWith(true);
+    });
+  });
+  describe("with form context", function () {
+    it("renders inside form", function () {
+      var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+        formOptions: {
+          defaultValues: {
+            agree: false
+          }
+        },
+        submitText: "Submit",
+        children: /* @__PURE__ */_jsx(Checkbox, {
+          name: "agree",
+          label: "I agree"
+        })
+      }));
+      expect(result.findTextElement("I agree")).toBeDefined();
+    });
+  });
+});
+describe("CheckboxGroup", function () {
+  var options = [{
+    label: "Option A",
+    value: "a"
+  }, {
+    label: "Option B",
+    value: "b"
+  }, {
+    label: "Option C",
+    value: "c"
+  }];
+  it("renders all options", function () {
+    var result = renderWithProviders(/* @__PURE__ */_jsx(CheckboxGroup, {
+      label: "Pick options",
+      name: "opts",
+      options
+    }));
+    expect(result.findTextElement("Option A")).toBeDefined();
+    expect(result.findTextElement("Option B")).toBeDefined();
+    expect(result.findTextElement("Option C")).toBeDefined();
+  });
+  it("renders required label with asterisk", function () {
+    var result = renderWithProviders(/* @__PURE__ */_jsx(CheckboxGroup, {
+      label: "Required",
+      name: "req",
+      options,
+      required: true
+    }));
+    var label = result.container.querySelector("label");
+    expect(label === null || label === void 0 ? void 0 : label.textContent).toContain("*");
+  });
+  it("renders skeleton placeholder", function () {
+    var result = renderWithProviders(/* @__PURE__ */_jsx(CheckboxGroup, {
+      label: "Loading",
+      name: "l",
+      options,
+      skeleton: true
+    }));
+    var checkboxes = result.container.querySelectorAll("[role='checkbox']");
+    expect(checkboxes.length).toBe(0);
+  });
+  it("renders with form context", function () {
+    var result = renderWithProviders(/* @__PURE__ */_jsx(Form, {
+      formOptions: {
+        defaultValues: {
+          opts: []
+        }
+      },
+      submitText: "Submit",
+      children: /* @__PURE__ */_jsx(CheckboxGroup, {
+        name: "opts",
+        label: "Options",
+        options
+      })
+    }));
+    expect(result.findTextElement("Option A")).toBeDefined();
+  });
+});
+//# sourceMappingURL=Checkbox.spec.native.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["jsx","_jsx","fireEvent","describe","expect","it","vi","renderWithProviders","Form","Checkbox","CheckboxGroup","result","label","name","findTextElement","toBeDefined","required","container","querySelector","textContent","toContain","disabled","checkbox","getCheckbox","getAttribute","toBe","checked","skeleton","toBeNull","onCheckedChange","fn","defaultValue","click","toHaveBeenCalledWith","formOptions","defaultValues","agree","submitText","children","options","value"],"sources":["../../../../src/fields/Checkbox/Checkbox.spec.tsx"],"sourcesContent":[null],"mappings":"AAAA,SAASA,GAAA,IAAAC,IAAA,QAAiB;AAC1B,SAASC,SAAA,QAAU,wBAAsB;AACzC,SAASC,QAAA,EAAAC,MAAA,EAAAC,EAAA,EAAAC,EAAA,QAA2B;AACpC,SAASC,mBAAY;AACrB,SAASC,IAAA,oCAAgB;AACzB,SAASC,QAAA,8BAAqB;AAKW,SAAAC,aAAA;AAHzCP,QAAA,CAAS,YAAY,YAAM;EACzBA,QAAA,CAAS,wBAAwB,YAAM;IACrCE,EAAA,CAAG,sBAAsB,YAAM;MAC7B,IAAAM,MAAM,GAAAJ,mBAAS,gBAAoBN,IAAA,CAAAQ,QAAC;QACpCG,KAAO,gBAAO;QACfC,IAAA;MAED,CAAG;MACDT,MAAM,CAAAO,MAAA,CAAAG,eAAS,eAAoB,GAAAC,WAAC;IACpC;IACAV,EAAA,uCAAqC,EAAG;MACzC,IAAAM,MAAA,GAAAJ,mBAAA,gBAAAN,IAAA,CAAAQ,QAAA;QAEEG,KAAA;QACDC,IAAM;QACNG,QAAM;MACN;MACD,IAAAJ,KAAA,GAAAD,MAAA,CAAAM,SAAA,CAAAC,aAAA;MAEDd,MAAG,CAAAQ,KAAA,aAAAA,KAAyB,KAAM,kBAAAA,KAAA,CAAAO,WAAA,EAAAC,SAAA;IAChC;IACAf,EAAA,yBAAwB,cAAY;MACpC,IAAAM,MAAO,GAAAJ,mBAAuB,gBAAiBN,IAAK,CAAAQ,QAAM;QAC3DG,KAAA;QAEEC,IAAA;QACDQ,QAAM;MACN;MACD,IAAAC,QAAA,GAAAX,MAAA,CAAAY,WAAA;MAEDnB,MAAG,CAAAkB,QAAA,aAAAA,QAAA,KAAsC,KAAM,aAAAA,QAAA,CAAAE,YAAA,mBAAAC,IAAA;IAC7C;IACApB,EAAA,wBAAe;MAAA,IACbM,MAAA,GAAAJ,mBAAC,gBAAmBN,IAAA,CAAAQ,QAAc;QACpCG,KAAA;QACAC,IAAM;QACNa,OAAI;MACJ;MACD,IAAAJ,QAAA,GAAAX,MAAA,CAAAY,WAAA;MACFnB,MAAA,CAAAkB,QAAA,aAAAA,QAAA,uBAAAA,QAAA,CAAAE,YAAA,kBAAAC,IAAA;IAED;IACEpB,EAAA,CAAG,8BAA6B;MAC9B,IAAAM,MAAM,GAAAJ,mBAAS,gBAAAN,IAAA,CAAAQ,QAAA;QACbG,KAAA;QAGFC,IAAA;QACAc,QAAO;MACR;MACFvB,MAAA,CAAAO,MAAA,CAAAM,SAAA,CAAAC,aAAA,uBAAAU,QAAA;IACF;IAEDvB,EAAA,qCAAgC;MAC9B,IAAMwB,eAAU,GAAAvB,EAAA,CAAAwB,EAAA;MACZ,IAAAnB,MAAO,GAAAJ,mBAAuB,gBAAAN,IAAA,CAAAQ,QAAA;QAC9BI,IAAA,EAAO;QACPkB,YAAO,OAAY;QACvBF;MAEG;MACD,IAAMP,QAAA,GAASX,MAAA,CAAAY,WAAA;MACb,IAAAD,QAAA,EAAApB,SAAC,CAAA8B,KAAA,CAAAV,QAAc;MACjBlB,MAAA,CAAAyB,eAAA,EAAAI,oBAAA;IACA;EACA;EACA9B,QAAA,CAAO,mBAAO,cAAgB;IAC/BE,EAAA;MAEE,IAAAM,MAAA,GAAAJ,mBAAA,gBAA8CN,IAAA,CAAAO,IAAA;QAC/C0B,WAAe;UACbC,aAAA;YACFC,KAAA;UACM;QACN;QACDC,UAAA;QAEEC,QAAA,iBAAArC,IAAgC,CAAAQ,QAAM;UACjCI,IAAA,SAAS;UACbD,KAAA;QACF;MACA;MACAR,MAAO,CAAAO,MAAA,CAAAG,eAAwB,CAAC,YAAAC,WAAA;IACjC;EAED;AACE;AAAeZ,QACb,kBAAC,YAAK;EAEN,IACFoC,OAAA,IACA;IACD3B,KAAA;IACF4B,KAAA","ignoreList":[]}